[extensions-web/ui-cleanup: 9/12] paginator: Center

[Jasper St. Pierre <jstpierre src gnome org>]

commit d839734a4f6aebb263158865f5fec7d83c02c9d8
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Mon Jan 2 15:49:55 2012 -0500

    paginator: Center

 sweettooth/static/css/sweettooth.css |    4 ++++
 sweettooth/static/js/paginator.js    |    4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)
---
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index 58c425c..79ac851 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -175,6 +175,10 @@ hr.bottom_shadow {
     border-radius: 3px;
 }
 
+.paginator-content {
+    text-align: center;
+}
+
 /* Extension view */
 /* ==================================================================== */
 
diff --git a/sweettooth/static/js/paginator.js b/sweettooth/static/js/paginator.js
index e1a41d6..6e4dcc3 100644
--- a/sweettooth/static/js/paginator.js
+++ b/sweettooth/static/js/paginator.js
@@ -101,7 +101,7 @@ define(['jquery', 'jquery.hashchange'], function($) {
             var contextLeft = Math.max(number-context, 2);
             var contextRight = Math.min(number+context+2, numPages);
 
-            var $elem = $('<div>', {'class': 'paginator'});
+            var $elem = $('<div>', {'class': 'paginator-content'});
 
             if (number > 1) {
                 makeLink(number-1, 'prev', "Previous").appendTo($elem);
@@ -126,7 +126,7 @@ define(['jquery', 'jquery.hashchange'], function($) {
                 makeLink(number+1, 'prev', "Next").appendTo($elem);
             }
 
-            return $elem;
+            return $('<div>', {'class': 'paginator'}).append($elem);
         }
 
         function hashChanged(hp) {