Some basic styling on pagination links, mimicing production

apps/search/templates/results.html

@@ -17,14 +17,13 @@
     </div>
 
     <div class="search-results">
-        <div class="pager">
-            {{ pages|paginator }}
-        </div>
+
+        {{ pages|paginator }}
 
 
         {% for doc in results %}
         <div class="oneresult">
-            <a class="searchresultlink" href="{{ doc.get_url() }}">{{ doc.name }}</a> 
+            <a class="searchresultlink" href="{{ doc.get_url() }}">{{ doc.name }}</a>
             <p>
                 <a class="blacklink" href="{{ doc.get_url() }}">
                     {{ doc.search_summary }}
@@ -36,10 +35,9 @@
         {% endfor %}
 
 
-        <div class="pager">
-            {{ pages|paginator }}
-        </div>
+        {{ pages|paginator }}
 
     </div>
+
         <p>Can't find what you're looking for? <a href="/kb/Ask+a+question">Ask a support question instead!</a></p>
 {% endblock %}

media/css/search.css

@@ -1,3 +1,7 @@
+.search-results {
+    font-size: 110%;
+}
+
 .search-query {
     border: 1px solid #E16601;
     width: 270px;
@@ -7,17 +11,23 @@
     text-transform: none;
 }
 
-.pager {
-    padding: 10px 20px;
+/* Paginators */
+ol.pagination {
+    margin: .5em auto 1em;
     text-align: center;
 }
 
-.pager li {
-    float: left;
+ol.pagination > li {
+    display: inline;
+    padding: 0 4px;
 }
 
-.pager a, .pager span {
-    padding: 0 4px;
+ol.pagination > li.selected a {
+    color: #000;
+}
+
+div.num-results {
+    clear: left;
 }
 
 div.search-count {