ui: Redesign the pagination widgets

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Acked-by: Stephen Finucane <stephen.finucane@intel.com>

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 46c0051ed258c293ab2bb480802d6e81f5924293..3e9a49d2b3c8716091231ec5691572548df924d9 100644 (file)
--- 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 7938dd871737d6522d1f29eccc1552d3279cbb00..b8b76b398aa05b4b30ffc77f45ea2defdcbcebb4 100644 (file)
--- 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">&laquo; Previous</a></span>
+     title="Previous Page">&laquo;</a></span>
 {% else %}
- <span class="prev-na">&laquo; Previous</span>
+ <span class="prev-na">&laquo;</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 &raquo;</a>
+   title="Next Page">&raquo;</a>
   </span>
 {% else %}
- <span class="next-na">Next &raquo;</span>
+ <span class="next-na">&raquo;</span>
 {% endif %}
 </div> 
 {% endifnotequal %}