Browse section pagination

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; }
+        }
+      }
     }
   }
 

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 {

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>