[gnome-builder] command-bar: fix command bar styling

[Christian Hergert <chergert src gnome org>]

commit 5e3b2191ec454b5afa24a2e1b9462cad03d1bf80
Author: Christian Hergert <chergert redhat com>
Date:   Thu Dec 24 01:24:17 2015 -0800

    command-bar: fix command bar styling

 plugins/command-bar/gb-command-bar.c  |    5 ++---
 plugins/command-bar/gb-command-bar.ui |    9 +++------
 plugins/command-bar/theme/shared.css  |   14 ++++++++------
 3 files changed, 13 insertions(+), 15 deletions(-)
---
diff --git a/plugins/command-bar/gb-command-bar.c b/plugins/command-bar/gb-command-bar.c
index ae6d9b9..accbc00 100644
--- a/plugins/command-bar/gb-command-bar.c
+++ b/plugins/command-bar/gb-command-bar.c
@@ -704,9 +704,8 @@ gb_command_bar_class_init (GbCommandBarClass *klass)
                                 "move-history", 1,
                                 GTK_TYPE_DIRECTION_TYPE, GTK_DIR_DOWN);
 
-  gtk_widget_class_set_template_from_resource (widget_class,
-                                               "/org/gnome/builder/plugins/command-bar/gb-command-bar.ui");
-
+  gtk_widget_class_set_template_from_resource (widget_class, 
"/org/gnome/builder/plugins/command-bar/gb-command-bar.ui");
+  gtk_widget_class_set_css_name (widget_class, "commandbar");
   gtk_widget_class_bind_template_child (widget_class, GbCommandBar, entry);
   gtk_widget_class_bind_template_child (widget_class, GbCommandBar, list_box);
   gtk_widget_class_bind_template_child (widget_class, GbCommandBar, scroller);
diff --git a/plugins/command-bar/gb-command-bar.ui b/plugins/command-bar/gb-command-bar.ui
index d205be3..1af016d 100644
--- a/plugins/command-bar/gb-command-bar.ui
+++ b/plugins/command-bar/gb-command-bar.ui
@@ -40,15 +40,12 @@
             <property name="vexpand">False</property>
             <child>
               <object class="GtkFlowBox" id="flow_box">
-                <style>
-                  <class name="gb-command-bar"/>
-                </style>
-                <property name="visible">True</property>
+                <property name="visible">true</property>
                 <property name="max-children-per-line">20</property>
                 <property name="column-spacing">16</property>
                 <property name="halign">start</property>
-                <property name="hexpand">False</property>
-                <property name="selection_mode">GTK_SELECTION_NONE</property>
+                <property name="hexpand">true</property>
+                <property name="selection-mode">none</property>
               </object>
             </child>
           </object>
diff --git a/plugins/command-bar/theme/shared.css b/plugins/command-bar/theme/shared.css
index 4f39f81..1d9500b 100644
--- a/plugins/command-bar/theme/shared.css
+++ b/plugins/command-bar/theme/shared.css
@@ -1,20 +1,22 @@
-box.gb-command-bar-box {
+commandbar > box.vertical > box.horizontal {
   border: none;
   background-image: linear-gradient(to bottom, #2e3436, #555753 10%);
   box-shadow: inset 0px 3px 6px #2e3436;
-}
-box.gb-command-bar-box label {
   color: #eeeeec;
 }
-entry.gb-command-bar-entry {
+commandbar entry {
   font-family: Monospace;
   background-image: none;
+  background-color: transparent;
   padding: 6px 6px 6px 6px;
   color: #eeeeec;
 }
-flowbox.gb-command-bar {
-  background: @theme_bg_color;
+commandbar flowbox {
+  background-color: @theme_bg_color;
   opacity: 0.9;
   padding: 24px;
   color: @theme_fg_color;
 }
+commandbar viewport {
+  background-color: @theme_bg_color;
+}