[gnome-builder/wip/gtk4-port: 1270/1774] plugins/vcsui: make branch selector look like a menu

[Christian Hergert <chergert src gnome org>]

commit 512ebb540b8986cee5fc6e6031ab98039cdb2d55
Author: Christian Hergert <chergert redhat com>
Date:   Wed Jun 1 12:06:08 2022 -0700

    plugins/vcsui: make branch selector look like a menu
    
    Not totally, but closer at least to what menus look like.

 src/plugins/vcsui/gbp-vcsui-clone-page.ui | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)
---
diff --git a/src/plugins/vcsui/gbp-vcsui-clone-page.ui b/src/plugins/vcsui/gbp-vcsui-clone-page.ui
index cc158ad39..834f092e6 100644
--- a/src/plugins/vcsui/gbp-vcsui-clone-page.ui
+++ b/src/plugins/vcsui/gbp-vcsui-clone-page.ui
@@ -39,17 +39,18 @@
                         <property name="valign">center</property>
                         <property name="popover">
                           <object class="GtkPopover">
+                            <style>
+                              <class name="menu"/>
+                            </style>
                             <signal name="show" handler="branch_popover_show_cb" swapped="true" 
object="GbpVcsuiClonePage"/>
                             <child>
                               <object class="GtkBox">
                                 <property name="orientation">vertical</property>
-                                <property name="spacing">12</property>
-                                <property name="margin-bottom">6</property>
-                                <property name="margin-end">6</property>
-                                <property name="margin-start">6</property>
-                                <property name="margin-top">6</property>
                                 <child>
                                   <object class="GtkBox">
+                                    <property name="margin-start">18</property>
+                                    <property name="margin-end">18</property>
+                                    <property name="margin-top">12</property>
                                     <child>
                                       <object class="GtkLabel">
                                         <property name="label" translatable="yes">Branches</property>
@@ -57,6 +58,7 @@
                                         <property name="xalign">0</property>
                                         <style>
                                           <class name="heading"/>
+                                          <class name="dim-label"/>
                                         </style>
                                       </object>
                                     </child>
@@ -68,15 +70,12 @@
                                     </child>
                                   </object>
                                 </child>
-                                <child>
-                                  <object class="GtkFrame">
                                     <child>
                                       <object class="GtkScrolledWindow">
                                         <property name="propagate-natural-height">true</property>
                                         <property name="propagate-natural-width">true</property>
-                                        <property name="min-content-width">400</property>
-                                        <property name="max-content-width">400</property>
-                                        <property name="min-content-height">200</property>
+                                        <property name="min-content-width">300</property>
+                                        <property name="max-content-width">300</property>
                                         <property name="max-content-height">500</property>
                                         <child>
                                           <object class="GtkListView">
@@ -97,10 +96,6 @@
     <property name="child">
       <object class="GtkBox">
         <property name="spacing">6</property>
-        <property name="margin-top">6</property>
-        <property name="margin-bottom">6</property>
-        <property name="margin-start">6</property>
-        <property name="margin-end">6</property>
         <child>
           <object class="GtkLabel">
             <property name="xalign">0</property>
@@ -126,8 +121,6 @@
                                       </object>
                                     </child>
                                   </object>
-                                </child>
-                              </object>
                             </child>
                           </object>
                         </property>