[gnome-music/pl-artists-fixes] widgets: Fix styling of Add to Playlist dialog

[Arnel A. Borja <arnelborja src gnome org>]

commit 3c29e569b2880d585d33a0812ff61cded0e939e9
Author: Arnel A. Borja <arnelborja src gnome org>
Date:   Wed Apr 9 18:36:53 2014 +0800

    widgets: Fix styling of Add to Playlist dialog
    
    - Lessen row height
    - Hide action area
    - Add margin around the list
    - Add separator between each row
    
    https://bugzilla.gnome.org/show_bug.cgi?id=724627

 data/PlaylistDialog.ui.in |    8 ++++++--
 data/application.css      |    5 +++++
 gnomemusic/widgets.py     |    7 +++----
 3 files changed, 14 insertions(+), 6 deletions(-)
---
diff --git a/data/PlaylistDialog.ui.in b/data/PlaylistDialog.ui.in
index d224c6d..2fde3f1 100644
--- a/data/PlaylistDialog.ui.in
+++ b/data/PlaylistDialog.ui.in
@@ -13,9 +13,10 @@
       <object class="GtkBox" id="dialog-vbox1">
         <property name="can_focus">False</property>
         <property name="orientation">vertical</property>
-        <property name="spacing">2</property>
+        <property name="spacing">0</property>
         <child internal-child="action_area">
           <object class="GtkButtonBox" id="dialog-action_area1">
+            <property name="visible">False</property>
             <property name="can_focus">False</property>
           </object>
           <packing>
@@ -29,7 +30,7 @@
           <object class="GtkScrolledWindow" id="scrolledwindow1">
             <property name="visible">True</property>
             <property name="can_focus">True</property>
-            <property name="shadow_type">in</property>
+            <property name="margin">12</property>
             <child>
               <object class="GtkTreeView" id="treeview1">
                 <property name="visible">True</property>
@@ -37,6 +38,9 @@
                 <property name="model">liststore1</property>
                 <property name="headers_visible">False</property>
                 <property name="activate_on_single_click">True</property>
+                <style>
+                  <class name="playlists-list"/>
+                </style>
                 <child internal-child="selection">
                   <object class="GtkTreeSelection" id="treeview-selection1"/>
                 </child>
diff --git a/data/application.css b/data/application.css
index aac57bb..b295220 100644
--- a/data/application.css
+++ b/data/application.css
@@ -56,6 +56,11 @@ GtkTreeView{
     background-color: #77757A;
 }
 
+.playlists-list {
+    box-shadow: inset 0 -1px shade(@borders, 1.30);
+    box-shadow: inset 0 1px shade(@borders, 1.30);
+}
+
 .songs-list {
     box-shadow: inset 0 -1px shade(@borders, 1.30);
     box-shadow: inset 0 1px shade(@borders, 1.30);
diff --git a/gnomemusic/widgets.py b/gnomemusic/widgets.py
index 7435a64..0495756 100644
--- a/gnomemusic/widgets.py
+++ b/gnomemusic/widgets.py
@@ -694,11 +694,10 @@ class PlaylistDialog():
     def _add_list_renderers(self):
         cols = Gtk.TreeViewColumn()
         type_renderer = Gd.StyledTextRenderer(
-            xpad=16,
-            ypad=16,
+            xpad=8,
+            ypad=8,
             ellipsize=Pango.EllipsizeMode.END,
-            xalign=0.0,
-            width=220
+            xalign=0.0
         )
         type_renderer.connect('editing-started', self._on_editing_started, None)
         cols.pack_start(type_renderer, True)