X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/3b237dc3dabda181ed68dc587b1befc678a03706..7e0e7ac57b732df84af7bf6a195dd7c3ee17e7a0:/app/views/traces/_trace_paging_nav.html.erb?ds=sidebyside

diff --git a/app/views/traces/_trace_paging_nav.html.erb b/app/views/traces/_trace_paging_nav.html.erb
index ebde16aa0..25e35d226 100644
--- a/app/views/traces/_trace_paging_nav.html.erb
+++ b/app/views/traces/_trace_paging_nav.html.erb
@@ -1,18 +1,27 @@
-<p>
+<nav>
+  <ul class="pagination">
+    <% if page > 1 %>
+      <li class="page-item">
+        <%= link_to t(".newer"), params.merge(:page => page - 1), :class => "page-link" %>
+      </li>
+    <% else %>
+      <li class="page-item disabled">
+        <span class="page-link"><%= t(".newer") %></span>
+      </li>
+    <% end %>
 
-<% if @traces.size > 1 %>
-<% if @page > 1 %>
-<%= link_to t('.newer'), @params.merge(:page => @page - 1) %>
-<% else %>
-<%= t('.newer') %>
-<% end %>
+    <li class="page-item disabled">
+      <span class="page-link"><%= t(".showing_page", :page => page) %></span>
+    </li>
 
-| <%= t('.showing_page', :page => @page) %> |
-
-<% if @traces.size < @page_size %>
-<%= t('.older') %>
-<% else %>
-<%= link_to t('.older'), @params.merge(:page => @page + 1) %>
-<% end %>
-<% end %>
-</p>
+    <% if traces.size < page_size %>
+      <li class="page-item disabled">
+        <span class="page-link"><%= t(".older") %></span>
+      </li>
+    <% else %>
+      <li class="page-item">
+        <%= link_to t(".older"), params.merge(:page => page + 1), :class => "page-link" %>
+      </li>
+    <% end %>
+  </ul>
+</nav>