[Koha-patches] [PATCH] Bug 10404 [CSS follow-up] Add previous/next browsing to staff client search results

[Owen Leonard]

This patch slightly modifies the styles of the previous/next links in a
way that I think is simpler and clearer.

To test, apply the patch and clear your browser cache if necessary.
Perform a search in the staff client, click any result, and look at the
prevous/next links. If you think this is an improvement, sign off!
---
 koha-tmpl/intranet-tmpl/js/browser.js              |    2 +-
 .../intranet-tmpl/prog/en/css/staff-global.css     |   40 ++++++++++++++------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/js/browser.js b/koha-tmpl/intranet-tmpl/js/browser.js
index bd73a4f..fd99bb1 100644
--- a/koha-tmpl/intranet-tmpl/js/browser.js
+++ b/koha-tmpl/intranet-tmpl/js/browser.js
@@ -67,7 +67,7 @@ KOHA.browser = function (searchid, biblionumber) {
                     } else {
                         nextbutton = '<a href="#" id="browse-next" class="browse-button">' + BROWSER_NEXT + ' »</a>';
                     }
-                    $('#menu').before('<div class="browse-controls"><div class="browse-controls-inner"><div class="browse-label"><a href="' + searchURL + '" id="browse-return-to-results" class="browse-button">' + BROWSER_RETURN_TO_SEARCH + '</a></div><div>' + prevbutton + nextbutton + '</div></div></div>');
+                    $('#menu').before('<div class="browse-controls"><div class="browse-controls-inner"><div class="browse-label"><a href="' + searchURL + '" id="browse-return-to-results" class="browse-button">' + BROWSER_RETURN_TO_SEARCH + '</a></div><div class="browse-prev-next">' + prevbutton + nextbutton + '</div></div></div>');
                     $('a#browse-previous').click(function (ev) {
                         ev.preventDefault();
                         browseRecords(searchid, -1);
diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
index 086489b..e792cab 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
+++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
@@ -2592,28 +2592,20 @@ fieldset.rows table.mceListBox {
 }
 
 .browse-controls {
-    padding-top: 1em;
     margin-left: 1.1em;
-    border-right: 1px solid #b9d8d9;
     margin-right: .5em;
     padding-bottom: 1em;
-}
-
-.browse-controls-inner {
-    padding: 0.3em;
-    background: #e8f0f6;
-    border-top-left-radius: 5px;
-    border-bottom-left-radius: 5px;
-    border: 1px solid #b9d8d9;
+    padding-top: 1em;
 }
 
 #browse-return-to-results {
+    border-top-left-radius : 3px;
+    border-top-right-radius : 3px;
     display: block;
     text-align: center;
 }
 
 .browse-button {
-    border: 1px solid #b9d8d9;
     color: #004d99;
     padding: .4em .6em;
     display: inline-block;
@@ -2628,6 +2620,32 @@ span.browse-button {
     background: #fafafa;
 }
 
+.browse-label,
+.browse-prev-next {
+    border: 1px solid #b9d8d9;
+}
+
+.browse-label {
+    border-top-left-radius : 5px;
+    border-top-right-radius : 5px;
+    background-color : #e8f0f6;
+}
+
+.browse-prev-next {
+    border-top-width: 0;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+
+#browse-previous {
+    border-right : 1px solid #B9D8D9;
+    border-bottom-left-radius: 5px;
+    padding-right: 1em;
+}
+
 #browse-next {
+    border-top-width : 0;
+    border-bottom-right-radius: 5px;
     float: right;
+    padding-right: 1em;
 }
-- 
1.7.9.5