[PATCH 12/19] ui: Redesign the pagination widgets

[Stephen Finucane]

From: Damien Lespiau <damien.lespiau at intel.com>

Signed-off-by: Damien Lespiau <damien.lespiau at intel.com>
Acked-by: Stephen Finucane <stephen.finucane at intel.com>
---
 htdocs/css/style.css                          | 13 +++++--------
 patchwork/templates/patchwork/pagination.html |  8 ++++----
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 46c0051..3e9a49d 100644
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -129,21 +129,18 @@ input#reorder-change {
 /* list pagination */
 .paginator {
 	text-align: right;
-	margin: 10px 0;
 	clear: both;
-	margin-top: 20px;
+        margin: 8px 0 20px;
 }
 
 .paginator .prev-na,
 .paginator .next-na {
-	padding:.3em;
 	font-weight: normal;
 	color: #a0a0a0;
 }
 
 .paginator .prev a, .paginator .prev a:visited,
 .paginator .next a, .paginator .next a:visited {
-	padding: .3em;
 	font-weight: normal;
 }
 
@@ -151,13 +148,13 @@ input#reorder-change {
 .paginator .next, .paginator .next-na { margin-left:.5em; }
 
 .paginator .page a, .paginator .page a:visited, .paginator .curr {
-	padding: .25em;
 	font-weight: normal;
-	margin: 0em .25em;
+        padding: 6px 12px;
 }
 .paginator .curr {
-	background-color: #2E2E70;
-	color: #fff;
+	background-color: #eee;
+        border-radius: 4px;
+	color: #999;
 	font-weight:normal;
 }
 
diff --git a/patchwork/templates/patchwork/pagination.html b/patchwork/templates/patchwork/pagination.html
index 7938dd8..b8b76b3 100644
--- a/patchwork/templates/patchwork/pagination.html
+++ b/patchwork/templates/patchwork/pagination.html
@@ -5,9 +5,9 @@
 {% if page.has_previous %}
  <span class="prev">
   <a href="{% listurl page=page.previous_page_number %}"
-     title="Previous Page">« Previous</a></span>
+     title="Previous Page">«</a></span>
 {% else %}
- <span class="prev-na">« Previous</span>
+ <span class="prev-na">«</span>
 {% endif %}
  
 {% if page.paginator.trailing_set %}
@@ -36,10 +36,10 @@
 {% if page.has_next %}
  <span class="next">
   <a href="{% listurl page=page.next_page_number %}"
-   title="Next Page">Next »</a>
+   title="Next Page">»</a>
   </span>
 {% else %}
- <span class="next-na">Next »</span>
+ <span class="next-na">»</span>
 {% endif %}
 </div> 
 {% endifnotequal %}
-- 
2.0.0