[gnome-music/wip/jfelder/smartplaylists-ui-v2: 17/25] playlistcontrols: Use css styles

[Jean Felder <jfelder src gnome org>]

commit e3ddeea0af7bee98fe91bddc9069b0658eb8c007
Author: Jean Felder <jfelder src gnome org>
Date:   Tue Sep 10 22:36:51 2019 +0200

    playlistcontrols: Use css styles
    
    This new css class will also be used by the new smart playlists user
    interface.

 data/org.gnome.Music.css    | 4 ++++
 data/ui/PlaylistControls.ui | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index ee821f79..0d181cb1 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -56,6 +56,10 @@ box#ArtistAlbumsWidget .artist-label {
   font-size: x-large;
 }
 
+.playlist-title-container {
+    margin: 18px 24px 18px 18px;
+}
+
 /* ArtistAlbumWidget */
 .artist-albums-widget,
 .artist-albums-widget:hover {
diff --git a/data/ui/PlaylistControls.ui b/data/ui/PlaylistControls.ui
index d0db94b0..c56df09f 100644
--- a/data/ui/PlaylistControls.ui
+++ b/data/ui/PlaylistControls.ui
@@ -25,13 +25,13 @@
   <template class="PlaylistControls" parent="GtkGrid">
     <property name="visible">True</property>
     <property name="can_focus">False</property>
-    <property name="margin_start">18</property>
-    <property name="margin_end">24</property>
-    <property name="margin_top">18</property>
-    <property name="margin_bottom">18</property>
+    <style>
+      <class name="playlist-title-container"/>
+    </style>
     <child>
       <object class="GtkStack" id="_name_stack">
         <property name="visible">True</property>
+        <property name="vhomogeneous">False</property>
         <child>
           <object class="GtkLabel" id="_name_label">
             <property name="visible">True</property>