[extensions-web/filter-sort-ui: 16/20] Center the paginator

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

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

    Center the paginator

 sweettooth/static/css/sweettooth.css |    6 ++++++
 sweettooth/static/js/paginator.js    |    4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)
---
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index 5c3cd87..4edf605 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;
+}
+
 /* Filtering and Sorting UI */
 /* ==================================================================== */
 
@@ -194,6 +198,8 @@ a.filter-ui-link {
     -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+
+    margin-top: -2.2em;
 }
 
 .filter-ui-link.selected {
diff --git a/sweettooth/static/js/paginator.js b/sweettooth/static/js/paginator.js
index 1f8ff7a..b9b36e5 100644
--- a/sweettooth/static/js/paginator.js
+++ b/sweettooth/static/js/paginator.js
@@ -69,7 +69,7 @@ define(['jquery', 'hashparamutils', 'jquery.hashchange'], function($, hashparamu
             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);
@@ -94,7 +94,7 @@ define(['jquery', 'hashparamutils', 'jquery.hashchange'], function($, hashparamu
                 makeLink(number+1, 'prev', "Next").appendTo($elem);
             }
 
-            return $elem;
+            return $('<div>', {'class': 'paginator'}).append($elem);
         }
 
         function hashChanged(hp) {