[gnome-maps] mapBubble: Tweak buttons layout

[Marcus Lundblad <mlundblad src gnome org>]

commit fd4b84b2033d6dfb9dd881f971cc1214c2cb98fe
Author: James Westman <james flyingpimonster net>
Date:   Wed Aug 5 20:09:11 2020 -0500

    mapBubble: Tweak buttons layout
    
    - Reorder the buttons: Directions is now at the beginning, and the rest are at
    the end
    - The Directions button now has a label and has the suggested-action (blue
    background) style

 data/ui/map-bubble.ui | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)
---
diff --git a/data/ui/map-bubble.ui b/data/ui/map-bubble.ui
index 4d345b2e..6b4fd7a3 100644
--- a/data/ui/map-bubble.ui
+++ b/data/ui/map-bubble.ui
@@ -33,12 +33,31 @@
             <property name="receives_default">False</property>
             <property name="tooltip-text" translatable="yes" comments="Translators: This is a tooltip">Add 
to new route</property>
             <child>
-              <object class="GtkImage" id="bubble-route-button-image">
+              <object class="GtkBox">
                 <property name="visible">True</property>
                 <property name="can_focus">False</property>
-                <property name="icon-name">route-button-symbolic</property>
+                <property name="orientation">horizontal</property>
+                <property name="spacing">6</property>
+                <child>
+                  <object class="GtkImage">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <property name="icon_name">route-button-symbolic</property>
+                    <property name="pixel_size">16</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <property name="label" translatable="yes" comments="Translators: This is the button to 
find a route to a place">Directions</property>
+                  </object>
+                </child>
               </object>
             </child>
+            <style>
+              <class name="suggested-action"/>
+            </style>
           </object>
         </child>
         <child>
@@ -57,6 +76,9 @@
               </object>
             </child>
           </object>
+          <packing>
+            <property name="pack-type">end</property>
+          </packing>
         </child>
         <child>
           <object class="GtkButton" id="bubble-favorite-button">
@@ -75,6 +97,9 @@
               </object>
             </child>
           </object>
+          <packing>
+            <property name="pack-type">end</property>
+          </packing>
         </child>
         <child>
           <object class="GtkButton" id="bubble-check-in-button">
@@ -85,6 +110,9 @@
             <property name="use_underline">True</property>
             <property name="tooltip-text" translatable="yes" comments="Translators: This is a tooltip">Check 
in here</property>
           </object>
+          <packing>
+            <property name="pack-type">end</property>
+          </packing>
         </child>
         <child>
           <object class="GtkButton" id="bubble-edit-button">
@@ -100,6 +128,9 @@
               </object>
             </child>
           </object>
+          <packing>
+            <property name="pack-type">end</property>
+          </packing>
         </child>
       </object>
     </child>