[gnome-shell/wip/re-search-v2: 17/26] overview: Center the main overview group accordingly

[Cosimo Cecchi <cosimoc src gnome org>]

commit f2dd94776cccda4b2aba3be6e4b52e73502d5e25
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Fri Oct 12 14:09:26 2012 -0400

    overview: Center the main overview group accordingly
    
    Using the same logic as the panel which smartly centers everything,
    smartly center the overview contents if we have enough space to do so.

 data/theme/gnome-shell.css |   14 +++-----------
 js/ui/overview.js          |    6 +++++-
 2 files changed, 8 insertions(+), 12 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 4467e69..61e5c40 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -754,18 +754,15 @@ StScrollBar StButton#vhandle:active {
 /* Search Results */
 
 #searchResults {
-    padding: 20px 10px 10px 10px;
     spacing: 18px;
 }
 
 #searchResultsContent {
-    padding-right: 20px;
     spacing: 16px;
-}
 
-#searchResultsContent:rtl {
-    padding-right: 0px;
+    /* for scrollbars */
     padding-left: 20px;
+    padding-right: 20px;
 }
 
 .search-section {
@@ -835,15 +832,10 @@ StScrollBar StButton#vhandle:active {
 }
 
 .all-app {
-    padding: 16px 25px 16px 16px;
+    padding: 16px;
     spacing: 20px;
 }
 
-.all-app:rtl {
-    padding-right: 16px;
-    padding-left: 25px;
-}
-
 .app-filter {
     font-weight: bold;
     height: 2.85em;
diff --git a/js/ui/overview.js b/js/ui/overview.js
index 949ad0e..01df6e9 100644
--- a/js/ui/overview.js
+++ b/js/ui/overview.js
@@ -10,6 +10,7 @@ const St = imports.gi.St;
 const Shell = imports.gi.Shell;
 const Gdk = imports.gi.Gdk;
 
+const CenterLayout = imports.ui.centerLayout;
 const Dash = imports.ui.dash;
 const DND = imports.ui.dnd;
 const Main = imports.ui.main;
@@ -141,8 +142,11 @@ const Overview = new Lang.Class({
                                             vertical: true });
         this._overview._delegate = this;
 
+        let layout = new CenterLayout.CenterLayout();
+        this._group = new St.Widget({ name: 'overview-group',
+                                      layout_manager: layout });
+
         this._spacing = 0;
-        this._group = new St.BoxLayout({ name: 'overview-group' });
         this._group.connect('style-changed',
             Lang.bind(this, function() {
                 let node = this._group.get_theme_node();