[libdazzle] suggestions: tweak styling to use CSS

[Christian Hergert <chergert src gnome org>]

commit 6ca00f5c61eb71d778083e19f2f8c1242d03d16b
Author: Christian Hergert <chergert redhat com>
Date:   Fri Feb 1 12:21:35 2019 -0800

    suggestions: tweak styling to use CSS
    
    This allows more overrides in specific CSS themes to make things match
    up with external components.

 data/themes/shared/shared-suggestions.css | 8 +++++++-
 src/suggestions/dzl-suggestion-row.ui     | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)
---
diff --git a/data/themes/shared/shared-suggestions.css b/data/themes/shared/shared-suggestions.css
index a7fcc3a..b4c6889 100644
--- a/data/themes/shared/shared-suggestions.css
+++ b/data/themes/shared/shared-suggestions.css
@@ -33,11 +33,17 @@ dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > li
 }
 
 dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row .title {
+  margin-left: 12px;
   color: @theme_fg_color;
 }
 
+dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row .separator {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
 dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > box {
-  margin: 4px 8px 4px 8px;
+  margin: 4px 8px;
 }
 
 dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:last-child {
diff --git a/src/suggestions/dzl-suggestion-row.ui b/src/suggestions/dzl-suggestion-row.ui
index f2694e3..5dbe7dc 100644
--- a/src/suggestions/dzl-suggestion-row.ui
+++ b/src/suggestions/dzl-suggestion-row.ui
@@ -4,7 +4,6 @@
     <child>
       <object class="GtkBox">
         <property name="orientation">horizontal</property>
-        <property name="spacing">12</property>
         <property name="visible">true</property>
         <child>
           <object class="GtkImage" id="image">
@@ -31,6 +30,7 @@
             <property name="label">—</property>
             <property name="visible">true</property>
             <style>
+              <class name="separator"/>
               <class name="dim-label"/>
             </style>
           </object>