[gnome-builder/wip/chergert/layout] symbol-tree: tweak the styling

[Christian Hergert <chergert src gnome org>]

commit 2a546b5f73a7c04079893fc62d0700f8ca741e31
Author: Christian Hergert <chergert redhat com>
Date:   Sun Jul 2 22:30:27 2017 -0700

    symbol-tree: tweak the styling
    
    This looks a bit more like the actual mockup design. This allows
    us to have the "additional content" lines across the bottom
    cover more of the width. It also keeps the icons aligned with
    the search entry.

 plugins/symbol-tree/gbp-symbol-menu-button.c  |    2 +-
 plugins/symbol-tree/gbp-symbol-menu-button.ui |   14 ++++++++++++++
 plugins/symbol-tree/themes/shared.css         |    5 ++++-
 3 files changed, 19 insertions(+), 2 deletions(-)
---
diff --git a/plugins/symbol-tree/gbp-symbol-menu-button.c b/plugins/symbol-tree/gbp-symbol-menu-button.c
index 597b7c2..8020ea7 100644
--- a/plugins/symbol-tree/gbp-symbol-menu-button.c
+++ b/plugins/symbol-tree/gbp-symbol-menu-button.c
@@ -202,7 +202,7 @@ gbp_symbol_menu_button_init (GbpSymbolMenuButton *self)
                             self);
 
   g_object_set (gbp_symbol_menu_button_get_icon_cell (self),
-                "width", 28,
+                "width", 36,
                 "xalign", 1.0f,
                 NULL);
 }
diff --git a/plugins/symbol-tree/gbp-symbol-menu-button.ui b/plugins/symbol-tree/gbp-symbol-menu-button.ui
index 6925170..09809ab 100644
--- a/plugins/symbol-tree/gbp-symbol-menu-button.ui
+++ b/plugins/symbol-tree/gbp-symbol-menu-button.ui
@@ -9,6 +9,20 @@
         <property name="orientation">vertical</property>
         <property name="visible">true</property>
         <child>
+          <object class="GtkLabel">
+            <property name="label" translatable="yes">Document Outline</property>
+            <property name="margin-bottom">12</property>
+            <property name="visible">true</property>
+            <style>
+              <class name="dim-label"/>
+            </style>
+            <attributes>
+              <attribute name="weight" value="bold"/>
+              <attribute name="scale" value="0.8333"/>
+            </attributes>
+          </object>
+        </child>
+        <child>
           <object class="GtkSearchEntry" id="search_entry">
             <property name="margin-bottom">6</property>
             <property name="visible">true</property>
diff --git a/plugins/symbol-tree/themes/shared.css b/plugins/symbol-tree/themes/shared.css
index be9e30d..80cc1c1 100644
--- a/plugins/symbol-tree/themes/shared.css
+++ b/plugins/symbol-tree/themes/shared.css
@@ -1,5 +1,8 @@
 popover.symbols-button {
-  padding: 12px;
+  padding: 18px 6px 6px 6px;
+}
+popover.symbols-button entry {
+  margin: 0 8px;
 }
 popover.symbols-button treeview {
   -GtkTreeView-expander-size: 0;