[gnome-software] shell: frames around the app list boxes

[Richard Hughes <rhughes src gnome org>]

commit 28f28a3ff706870d6921f566249c0cb48c6d1912
Author: Rafal Luzynski <digitalfreak lingonborough com>
Date:   Fri Dec 18 10:29:46 2015 +0100

    shell: frames around the app list boxes
    
    Frames introduced around the application lists on all pages:
    extras, installed, search results, and updates. The frames do not
    have the top border to avoid duplicating with the parent container,
    except the search results box.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=758662
    
    Signed-off-by: Richard Hughes <richard hughsie com>

 src/gs-shell-extras.ui    |   14 ++++++--------
 src/gs-shell-installed.ui |   16 +++++++++++++---
 src/gs-shell-search.ui    |   13 ++++++++++---
 src/gs-shell-updates.ui   |   14 ++++++--------
 src/gtk-style-hc.css      |    4 ++++
 src/gtk-style.css         |    4 ++++
 6 files changed, 43 insertions(+), 22 deletions(-)
---
diff --git a/src/gs-shell-extras.ui b/src/gs-shell-extras.ui
index cf283ed..b0be8c1 100644
--- a/src/gs-shell-extras.ui
+++ b/src/gs-shell-extras.ui
@@ -53,9 +53,13 @@
                 <property name="visible">True</property>
                 <property name="preferred-width">860</property>
                 <child>
-                  <object class="GtkBox" id="box_results">
+                  <object class="GtkFrame" id="list_box_results_box">
                     <property name="visible">True</property>
-                    <property name="orientation">vertical</property>
+                    <property name="shadow_type">in</property>
+                    <property name="valign">start</property>
+                    <style>
+                      <class name="top-aligned-frame"/>
+                    </style>
                     <child>
                       <object class="GtkListBox" id="list_box_results">
                         <property name="visible">True</property>
@@ -63,12 +67,6 @@
                         <property name="selection_mode">none</property>
                       </object>
                     </child>
-                    <child>
-                      <object class="GtkSeparator" id="separator_results">
-                        <property name="visible">True</property>
-                        <property name="orientation">horizontal</property>
-                      </object>
-                    </child>
                   </object>
                 </child>
               </object>
diff --git a/src/gs-shell-installed.ui b/src/gs-shell-installed.ui
index 3998c1c..37771ea 100644
--- a/src/gs-shell-installed.ui
+++ b/src/gs-shell-installed.ui
@@ -44,10 +44,20 @@
                     <property name="visible">True</property>
                     <property name="preferred-width">860</property>
                     <child>
-                      <object class="GtkListBox" id="list_box_install">
+                      <object class="GtkFrame" id="list_box_frame">
                         <property name="visible">True</property>
-                        <property name="can_focus">True</property>
-                        <property name="selection_mode">none</property>
+                        <property name="shadow_type">in</property>
+                        <property name="valign">start</property>
+                        <style>
+                          <class name="top-aligned-frame"/>
+                        </style>
+                        <child>
+                          <object class="GtkListBox" id="list_box_install">
+                            <property name="visible">True</property>
+                            <property name="can_focus">True</property>
+                            <property name="selection_mode">none</property>
+                          </object>
+                        </child>
                       </object>
                     </child>
                   </object>
diff --git a/src/gs-shell-search.ui b/src/gs-shell-search.ui
index 77e2267..18af049 100644
--- a/src/gs-shell-search.ui
+++ b/src/gs-shell-search.ui
@@ -84,10 +84,17 @@
                 <property name="preferred-width">860</property>
                 <property name="valign">start</property>
                 <child>
-                  <object class="GtkListBox" id="list_box_search">
+                  <object class="GtkFrame" id="list_box_frame">
                     <property name="visible">True</property>
-                    <property name="can_focus">True</property>
-                    <property name="selection_mode">none</property>
+                    <property name="shadow_type">in</property>
+                    <property name="valign">start</property>
+                    <child>
+                      <object class="GtkListBox" id="list_box_search">
+                        <property name="visible">True</property>
+                        <property name="can_focus">True</property>
+                        <property name="selection_mode">none</property>
+                      </object>
+                    </child>
                   </object>
                 </child>
               </object>
diff --git a/src/gs-shell-updates.ui b/src/gs-shell-updates.ui
index 093e162..21b27df 100644
--- a/src/gs-shell-updates.ui
+++ b/src/gs-shell-updates.ui
@@ -64,9 +64,13 @@
                 <property name="visible">True</property>
                 <property name="preferred-width">860</property>
                 <child>
-                  <object class="GtkBox" id="list_box_updates_box">
+                  <object class="GtkFrame" id="list_box_updates_box">
                     <property name="visible">True</property>
-                    <property name="orientation">vertical</property>
+                    <property name="shadow_type">in</property>
+                    <property name="valign">start</property>
+                    <style>
+                      <class name="top-aligned-frame"/>
+                    </style>
                     <child>
                       <object class="GsUpdateList" id="list_box_updates">
                         <property name="visible">True</property>
@@ -74,12 +78,6 @@
                         <property name="selection_mode">none</property>
                       </object>
                     </child>
-                    <child>
-                      <object class="GtkSeparator" id="list_box_updates_separator">
-                        <property name="visible">True</property>
-                        <property name="orientation">horizontal</property>
-                      </object>
-                    </child>
                   </object>
                 </child>
               </object>
diff --git a/src/gtk-style-hc.css b/src/gtk-style-hc.css
index 318185b..29b37a0 100644
--- a/src/gtk-style-hc.css
+++ b/src/gtk-style-hc.css
@@ -200,3 +200,7 @@ button.star, .button.star {
        font-size: 90%;
        padding: 16px
 }
+
+.top-aligned-frame {
+       border-top-style: none;
+}
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 94c4ea3..abb2d59 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -204,3 +204,7 @@ button.star, .button.star {
        font-size: 90%;
        padding: 16px
 }
+
+.top-aligned-frame {
+       border-top-style: none;
+}