[gnome-music/wip/mschraal/default-icon-cleanups: 4/5] ui/SongWidget: Improve padding and spacing

[Marinus Schraal <mschraal src gnome org>]

commit 69ecab63d9c6129aa3b444bb598ed6eec2011fab
Author: Marinus Schraal <mschraal gnome org>
Date:   Fri Aug 27 16:23:34 2021 +0200

    ui/SongWidget: Improve padding and spacing
    
    Related: #467

 data/org.gnome.Music.css |  6 ++++++
 data/ui/SongWidget.ui    | 15 ++++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index 27b40b2dd..9e2cea716 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -133,3 +133,9 @@ list {
 .lastfm-status-label {
     font-weight: bold;
 }
+
+/* SongWidget */
+
+.songwidget {
+  padding: 12px;
+}
diff --git a/data/ui/SongWidget.ui b/data/ui/SongWidget.ui
index 2ea5248f4..56708a392 100644
--- a/data/ui/SongWidget.ui
+++ b/data/ui/SongWidget.ui
@@ -11,9 +11,7 @@
       <object class="GtkBox" id="box1">
         <property name="visible">True</property>
         <property name="can_focus">False</property>
-        <property name="spacing">3</property>
-        <property name="margin-bottom">10</property>
-        <property name="margin-top">10</property>
+        <property name="spacing">6</property>
         <child>
           <object class="GtkEventBox" id="_dnd_eventbox">
             <property name="visible">False</property>
@@ -110,6 +108,7 @@
             <property name="visible">True</property>
             <property name="can_focus">False</property>
             <property name="hexpand">True</property>
+            <property name="spacing">6</property>
             <child>
               <object class="GtkLabel" id="_album_label">
                 <property name="visible">False</property>
@@ -120,7 +119,6 @@
                 <property name="ellipsize">end</property>
                 <property name="max_width_chars">90</property>
                 <property name="justify">fill</property>
-                <property name="margin-start">9</property>
               </object>
             </child>
             <child>
@@ -154,8 +152,8 @@
                     <property name="visible">True</property>
                     <property name="can_focus">False</property>
                     <property name="valign">center</property>
-                    <property name="margin-end">10</property>
-                    <property name="margin-start">10</property>
+                    <property name="margin-end">12</property>
+                    <property name="margin-start">12</property>
                   </object>
                 </child>
               </object>
@@ -174,7 +172,7 @@
             </child>
           </object>
         </child>
-       <child>
+        <child>
           <object class="GtkMenuButton" id="_menu_button">
             <property name="visible">False</property>
             <property name="can-focus">True</property>
@@ -192,6 +190,9 @@
         </child>
       </object>
     </child>
+    <style>
+      <class name="songwidget"/>
+    </style>
   </template>
   <object class="GtkSizeGroup" id="_size_group">
     <property name="mode">horizontal</property>