[gnome-music/wip/jfelder/searchview-new-style: 5/11] searchview: Add section headers

[Jean Felder <jfelder src gnome org>]

commit 0b5e0d043ec39d45878cd52edb6efd4d5fa02839
Author: Marinus Schraal <mschraal gnome org>
Date:   Sat Aug 3 13:43:47 2019 +0200

    searchview: Add section headers
    
    Label headers and "View All" buttons are added.

 data/org.gnome.Music.css |  5 ++++
 data/ui/SearchView.ui    | 70 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 75 insertions(+)
---
diff --git a/data/org.gnome.Music.css b/data/org.gnome.Music.css
index dd4e166e..72bc50aa 100644
--- a/data/org.gnome.Music.css
+++ b/data/org.gnome.Music.css
@@ -155,3 +155,8 @@ padding: 0px;
 .playlistdialog-row:selected label {
     color: @theme_text_color;
 }
+
+/* SearchView */
+.search-header {
+  font-weight: bold;
+}
diff --git a/data/ui/SearchView.ui b/data/ui/SearchView.ui
index 0c4469a1..848a477a 100644
--- a/data/ui/SearchView.ui
+++ b/data/ui/SearchView.ui
@@ -16,11 +16,57 @@
             <property name="margin-top">20</property>
             <property name="orientation">vertical</property>
             <property name="visible">True</property>
+            <child>
+              <object class="GtkBox">
+                <property name="halign">fill</property>
+                <property name="homogeneous">True</property>
+                <property name="orientation">horizontal</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="label" translatable="yes">Artists</property>
+                    <style>
+                      <class name="search-header"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkButton" id="_view_all_artists">
+                    <property name="halign">end</property>
+                    <property name="label" translatable="yes">View All</property>
+                  </object>
+                </child>
+              </object>
+            </child>
             <child>
               <object class="GtkFlowBox" id="_artist_listbox">
                 <property name="visible">True</property>
               </object>
             </child>
+            <child>
+              <object class="GtkBox">
+                <property name="halign">fill</property>
+                <property name="homogeneous">True</property>
+                <property name="orientation">horizontal</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="label" translatable="yes">Albums</property>
+                    <style>
+                      <class name="search-header"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkButton" id="_view_all_albums">
+                    <property name="halign">end</property>
+                    <property name="label" translatable="yes">View All</property>
+                  </object>
+                </child>
+              </object>
+            </child>
             <child>
               <object class="GtkFlowBox" id="_album_flowbox">
                 <property name="halign">fill</property>
@@ -40,8 +86,32 @@
                 </style>
               </object>
             </child>
+            <child>
+              <object class="GtkBox">
+                <property name="halign">fill</property>
+                <property name="homogeneous">True</property>
+                <property name="orientation">horizontal</property>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="can_focus">False</property>
+                    <property name="halign">start</property>
+                    <property name="label" translatable="yes">Songs</property>
+                    <style>
+                      <class name="search-header"/>
+                    </style>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkButton" id="_view_all_songs">
+                    <property name="halign">end</property>
+                    <property name="label" translatable="yes">View All</property>
+                  </object>
+                </child>
+              </object>
+            </child>
             <child>
               <object class="GtkListBox" id="_songs_listbox">
+                <property name="margin-top">20</property>
                 <property name="visible">True</property>
                 <style>
                   <class name="songs-list"/>