Browse section pagination

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index d8b843000a343be68bab5073e2799383773fd38c..644c0a20cdcc1005ee9e045342a027d1c7d9a454 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1082,6 +1082,19 @@ a.donate {
 
     h4 {
       padding: 0;
+      border-radius: 3px;
+    
+      &.paginate {
+        margin-top: 4px;
+        padding: 1px 6px;
+        border: 1px solid #eee;
+        span {
+          padding: 0 0 0 14px;
+          float: right;
+          border-left: 1px solid #eee;
+          > a { padding-left: 5px; }
+        }
+      }
     }
   }
 

diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss
index de1b44bb5d6075d2939175de8984d63695fc9d8b..51549f87fc5ae1367a82ab5b9262493090529bd9 100644 (file)
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -80,6 +80,13 @@ nav.secondary {
   }
 }
 
+#compact-secondary-nav {
+  display: none;
+}
+.compact-hide {
+  display: inline-block;
+}
+
 #content { margin-top: 58px; }
 
 .map-layout {

diff --git a/app/views/browse/_paging_nav.html.erb b/app/views/browse/_paging_nav.html.erb
index f691d4504cba173c5a765e30be278a1cacf08477..50e75bff89f5bd4cca9d4ebe8ebdde24364cd9b4 100644 (file)
--- a/app/views/browse/_paging_nav.html.erb
+++ b/app/views/browse/_paging_nav.html.erb
@@ -1,6 +1,5 @@
-<div>
+<h4 class="paginate">
 <% current_page = pages.current_page %>
-
 <% if pages.page_count > 1 %>
     <%= t'browse.paging_nav.showing_page' %>
     <%= current_page.number %> (<%= current_page.first_item %><%
@@ -9,7 +8,6 @@
     end %>
     <%= t'browse.paging_nav.of'%> <%= pages.item_count %>)
 
-&middot;
-<%= raw pagination_links_each(pages, {}) { |n| link_to_page(n, page_param) } %>
+<span><%= raw pagination_links_each(pages, {}) { |n| link_to_page(n, page_param) } %></span>
 <% end %>
-</div>
+</h4>