[libdazzle] menu-button: add separator and tweak styling

[Christian Hergert <chergert src gnome org>]

commit b143e3941661ddd5d290f05debe5dfb405f904bf
Author: Christian Hergert <chergert redhat com>
Date:   Mon Jul 10 01:09:40 2017 -0700

    menu-button: add separator and tweak styling

 data/themes/shared/shared-menus.css  |   19 ++++++++++++++-----
 src/menus/dzl-menu-button-section.ui |    6 ++++++
 2 files changed, 20 insertions(+), 5 deletions(-)
---
diff --git a/data/themes/shared/shared-menus.css b/data/themes/shared/shared-menus.css
index f0a5f9b..8a0a78d 100644
--- a/data/themes/shared/shared-menus.css
+++ b/data/themes/shared/shared-menus.css
@@ -6,10 +6,19 @@ button.dzlmenubutton > box > image.arrow {
   margin-left: 3px;
 }
 popover.dzlmenubutton > box {
-  margin: 18px 15px 15px 12px;
+  margin: 15px 15px 15px 12px;
 }
-dzlmenubuttonsection:not(:first-child) {
-  margin-top: 12px;
+dzlmenubuttonsection:first-child separator {
+  background: none;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+dzlmenubuttonsection:not(:first-child) separator {
+  border-color: @borders;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 dzlmenubuttonsection > label.title {
   font-weight: bold;
@@ -22,8 +31,8 @@ dzlmenubuttonsection box.vertical button.dzlmenubuttonitem {
   border: none;
   background: none;
   box-shadow: none;
-  padding: 4px 12px;
-  outline-offset: -3px;
+  padding: 1px 10px;
+  outline-offset: -2px;
 }
 dzlmenubuttonsection box.vertical checkbutton.dzlmenubuttonitem:hover,
 dzlmenubuttonsection box.vertical button.dzlmenubuttonitem:hover {
diff --git a/src/menus/dzl-menu-button-section.ui b/src/menus/dzl-menu-button-section.ui
index 9179263..d9089df 100644
--- a/src/menus/dzl-menu-button-section.ui
+++ b/src/menus/dzl-menu-button-section.ui
@@ -3,6 +3,12 @@
   <template class="DzlMenuButtonSection" parent="GtkBox">
     <property name="orientation">vertical</property>
     <child>
+      <object class="GtkSeparator" id="separator">
+        <property name="orientation">horizontal</property>
+        <property name="visible">true</property>
+      </object>
+    </child>
+    <child>
       <object class="GtkLabel" id="label">
         <property name="xalign">0.5</property>
         <style>