[gnome-shell] [dash] Port section container to CSS, lower spacing

[Colin Walters <walters src gnome org>]

commit bf68f9f0cf5178ee62329fe9a2ba0c3da989b7d2
Author: Colin Walters <walters verbum org>
Date:   Fri Nov 6 17:32:23 2009 -0500

    [dash] Port section container to CSS, lower spacing
    
    Newer mockup has smaller spacing.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=600734

 data/theme/gnome-shell.css |    4 ++++
 js/ui/dash.js              |   12 ++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index bd8b58e..c067443 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -89,6 +89,10 @@ StTooltip {
     padding: 0px 14px;
 }
 
+#dashSections {
+    spacing: 12px;
+}
+
 #searchEntry {
     padding: 4px;
     border-bottom: 1px solid #262626;
diff --git a/js/ui/dash.js b/js/ui/dash.js
index 29a47c6..f757aae 100644
--- a/js/ui/dash.js
+++ b/js/ui/dash.js
@@ -565,8 +565,8 @@ Dash.prototype = {
         // Size for this one explicitly set from overlay.js
         this.searchArea = new Big.Box({ y_align: Big.BoxAlignment.CENTER });
 
-        this.sectionArea = new Big.Box({ orientation: Big.BoxOrientation.VERTICAL,
-                                         spacing: DASH_SECTION_SPACING });
+        this.sectionArea = new St.BoxLayout({ name: "dashSections",
+                                               vertical: true });
 
         this.actor.add(this.searchArea);
         this.actor.add(this.sectionArea);
@@ -693,7 +693,7 @@ Dash.prototype = {
            }
         }));
 
-        this.sectionArea.append(this._appsSection.actor, Big.BoxPackFlags.NONE);
+        this.sectionArea.add(this._appsSection.actor);
 
         /***** Places *****/
 
@@ -702,7 +702,7 @@ Dash.prototype = {
         this._placesSection = new Section(_("PLACES"), true);
         let placesDisplay = new PlaceDisplay.DashPlaceDisplay();
         this._placesSection.content.add(placesDisplay.actor, { expand: true });
-        this.sectionArea.append(this._placesSection.actor, Big.BoxPackFlags.NONE);
+        this.sectionArea.add(this._placesSection.actor);
 
         /***** Documents *****/
 
@@ -727,7 +727,7 @@ Dash.prototype = {
         }));
         this._docDisplay.emit('changed');
 
-        this.sectionArea.append(this._docsSection.actor, Big.BoxPackFlags.EXPAND);
+        this.sectionArea.add(this._docsSection.actor, { expand: true });
 
         /***** Search Results *****/
 
@@ -775,7 +775,7 @@ Dash.prototype = {
             createPaneForDetails(this, section.resultArea.display);
         }
 
-        this.sectionArea.append(this._searchResultsSection.actor, Big.BoxPackFlags.EXPAND);
+        this.sectionArea.add(this._searchResultsSection.actor, { expand: true });
         this._searchResultsSection.actor.hide();
     },