[gnome-music/wip/jfelder/playlist-improvements: 3/5] playlistcontrols: Display the menu button below the headers

[Jean Felder <jfelder src gnome org>]

commit 3a3da8bbc011fa4ef59b172b8fec2f33de84a569
Author: Jean Felder <jfelder src gnome org>
Date:   Thu Jan 28 01:28:33 2021 +0100

    playlistcontrols: Display the menu button below the headers
    
    Related: #438

 data/ui/PlaylistControls.ui            | 27 ++++++---------------------
 gnomemusic/widgets/playlistcontrols.py |  2 +-
 2 files changed, 7 insertions(+), 22 deletions(-)
---
diff --git a/data/ui/PlaylistControls.ui b/data/ui/PlaylistControls.ui
index cdcf52d94..49a3b471f 100644
--- a/data/ui/PlaylistControls.ui
+++ b/data/ui/PlaylistControls.ui
@@ -22,13 +22,14 @@
     <property name="icon_name">view-more-symbolic</property>
     <property name="icon_size">1</property>
   </object>
-  <template class="PlaylistControls" parent="GtkGrid">
+  <template class="PlaylistControls" parent="GtkBox">
+    <property name="orientation">vertical</property>
     <property name="visible">True</property>
     <property name="can_focus">False</property>
     <property name="margin_start">80</property>
     <property name="margin_end">80</property>
     <property name="margin_top">18</property>
-    <property name="margin_bottom">18</property>
+    <property name="margin_bottom">0</property>
     <child>
       <object class="GtkStack" id="_name_stack">
         <property name="visible">True</property>
@@ -87,12 +88,6 @@
           </packing>
         </child>
       </object>
-      <packing>
-        <property name="left_attach">0</property>
-        <property name="top_attach">0</property>
-        <property name="width">1</property>
-        <property name="height">1</property>
-      </packing>
     </child>
     <child>
       <object class="GtkLabel" id="_songs_count_label">
@@ -104,36 +99,26 @@
           <class name="dim-label"/>
         </style>
       </object>
-      <packing>
-        <property name="left_attach">0</property>
-        <property name="top_attach">1</property>
-        <property name="width">1</property>
-        <property name="height">1</property>
-      </packing>
     </child>
     <child>
       <object class="GtkMenuButton" id="_menubutton">
         <property name="visible">True</property>
         <property name="can_focus">True</property>
         <property name="receives_default">True</property>
-        <property name="halign">end</property>
+        <property name="halign">start</property>
         <property name="valign">center</property>
         <property name="focus_on_click">False</property>
         <property name="menu-model">playlistMenu</property>
         <property name="direction">none</property>
         <property name="use_popover">True</property>
         <property name="image">_view_more_image</property>
+       <property name="margin_top">18</property>
+       <property name="margin_bottom">8</property>
         <style>
           <class name="image-button"/>
           <class name="circular"/>
         </style>
       </object>
-      <packing>
-        <property name="left_attach">1</property>
-        <property name="top_attach">0</property>
-        <property name="width">1</property>
-        <property name="height">2</property>
-      </packing>
     </child>
   </template>
 </interface>
diff --git a/gnomemusic/widgets/playlistcontrols.py b/gnomemusic/widgets/playlistcontrols.py
index d55291e39..359d8f3a3 100644
--- a/gnomemusic/widgets/playlistcontrols.py
+++ b/gnomemusic/widgets/playlistcontrols.py
@@ -31,7 +31,7 @@ from gnomemusic.widgets.notificationspopup import PlaylistNotification
 
 
 @Gtk.Template(resource_path='/org/gnome/Music/ui/PlaylistControls.ui')
-class PlaylistControls(Gtk.Grid):
+class PlaylistControls(Gtk.Box):
     """Widget holding the playlist controls"""
 
     __gtype_name__ = "PlaylistControls"