[gnome-builder] libide/gui: add styling to empty state

[Christian Hergert <chergert src gnome org>]

commit cd585ca12bfb08f7e6e4683f4efd00637d09d525
Author: Lorenz Wildberg <lorenz wild-fisch de>
Date:   Mon Sep 26 15:38:38 2022 +0200

    libide/gui: add styling to empty state
    
     * Use GtkShortcutLabel
     * Use pill style for buttons
     * Tweak spacing

 src/libide/gui/ide-frame.ui | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)
---
diff --git a/src/libide/gui/ide-frame.ui b/src/libide/gui/ide-frame.ui
index d28fb8074..7804e301a 100644
--- a/src/libide/gui/ide-frame.ui
+++ b/src/libide/gui/ide-frame.ui
@@ -9,7 +9,7 @@
           <object class="GtkGrid">
             <property name="halign">center</property>
             <property name="column-spacing">48</property>
-            <property name="row-spacing">6</property>
+            <property name="row-spacing">18</property>
             <child>
               <object class="GtkLabel">
                 <property name="xalign">0</property>
@@ -21,9 +21,9 @@
               </object>
             </child>
             <child>
-              <object class="GtkLabel">
-                <property name="xalign">1</property>
-                <property name="label" translatable="yes">Ctrl+Enter</property>
+              <object class="GtkShortcutLabel">
+                <property name="halign">GTK_ALIGN_END</property>
+                <property name="accelerator" translatable="yes">&lt;Ctrl&gt;&amp;Enter</property>
                 <layout>
                   <property name="row">0</property>
                   <property name="column">1</property>
@@ -41,9 +41,9 @@
               </object>
             </child>
             <child>
-              <object class="GtkLabel">
-                <property name="xalign">1</property>
-                <property name="label" translatable="yes">F9</property>
+              <object class="GtkShortcutLabel">
+                <property name="halign">GTK_ALIGN_END</property>
+                <property name="accelerator" translatable="yes">F9</property>
                 <layout>
                   <property name="row">1</property>
                   <property name="column">1</property>
@@ -61,9 +61,9 @@
               </object>
             </child>
             <child>
-              <object class="GtkLabel">
-                <property name="xalign">1</property>
-                <property name="label" translatable="yes">Ctrl+O</property>
+              <object class="GtkShortcutLabel">
+                <property name="halign">GTK_ALIGN_END</property>
+                <property name="accelerator" translatable="yes">&lt;Ctrl&gt;&amp;0</property>
                 <layout>
                   <property name="row">2</property>
                   <property name="column">1</property>
@@ -81,9 +81,9 @@
               </object>
             </child>
             <child>
-              <object class="GtkLabel">
-                <property name="xalign">1</property>
-                <property name="label" translatable="yes">Ctrl+Shift+T</property>
+              <object class="GtkShortcutLabel">
+                <property name="halign">GTK_ALIGN_END</property>
+                <property name="accelerator" 
translatable="yes">&lt;Ctrl&gt;&amp;&lt;Shift&gt;&amp;T</property>
                 <layout>
                   <property name="row">3</property>
                   <property name="column">1</property>
@@ -92,7 +92,8 @@
             </child>
             <child>
               <object class="GtkBox">
-                <property name="spacing">6</property>
+                <property name="margin-top">12</property>
+                <property name="spacing">12</property>
                 <property name="homogeneous">true</property>
                 <layout>
                   <property name="row">4</property>
@@ -103,6 +104,9 @@
                   <object class="GtkButton">
                     <property name="label" translatable="yes">Open File…</property>
                     <property name="action-name">context.workbench.open</property>
+                    <style>
+                      <class name="pill"/>
+                    </style>
                   </object>
                 </child>
                 <child>
@@ -110,6 +114,9 @@
                     <property name="label" translatable="yes">New Terminal</property>
                     <property name="action-name">workspace.terminal.new-in-host</property>
                     <property name="action-target">''</property>
+                    <style>
+                      <class name="pill"/>
+                    </style>
                   </object>
                 </child>
               </object>