Account for slight differences in button and spinner heights

diff --git a/app/assets/javascripts/index/history.js b/app/assets/javascripts/index/history.js
index 76a2e9b4bec3535e585d4fd965724f23f7ac971c..47b8d098d5eddbe29ec95517a688d131742a49a8 100644 (file)
--- a/app/assets/javascripts/index/history.js
+++ b/app/assets/javascripts/index/history.js
@@ -173,7 +173,7 @@ OSM.History = function (map) {
 
     const div = $(this).parents(".changeset_more");
 
-    $(this).closest(".pagination").hide();
+    $(this).closest(".pagination").addClass("invisible");
     div.find(".loader").show();
 
     const data = new URLSearchParams();

diff --git a/app/views/changesets/index.html.erb b/app/views/changesets/index.html.erb
index 865d88043a357da4523fd9cf83e7d13ae1893920..b906ebdef9434320e3f772f805a3633de2f96bad 100644 (file)
--- a/app/views/changesets/index.html.erb
+++ b/app/views/changesets/index.html.erb
@@ -1,15 +1,15 @@
 <% if @newer_changesets_id %>
   <div class="changeset_more my-3">
+    <div class="text-center position-absolute loader">
+      <div class="spinner-border" role="status">
+        <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
+      </div>
+    </div>
     <ul class="pagination justify-content-center">
       <li class="page-item">
         <%= link_to t(".newer_changesets"), url_for(:after => @newer_changesets_id), :class => "page-link" %>
       </li>
     </ul>
-    <div class="text-center loader">
-      <div class="spinner-border" role="status">
-        <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
-      </div>
-    </div>
   </div>
 <% end %>
 <% if @changesets.present? %>
@@ -25,15 +25,15 @@
 <% end %>
 <% if @older_changesets_id -%>
   <div class="changeset_more my-3">
+    <div class="text-center position-absolute loader">
+      <div class="spinner-border" role="status">
+        <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
+      </div>
+    </div>
     <ul class="pagination justify-content-center">
       <li class="page-item">
         <%= link_to t(".older_changesets"), url_for(:before => @older_changesets_id), :class => "page-link" %>
       </li>
     </ul>
-    <div class="text-center loader">
-      <div class="spinner-border" role="status">
-        <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
-      </div>
-    </div>
   </div>
 <% end -%>