From 8fe88c8ff678cce17bb2d2740f339267e46000e2 Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Tue, 3 Feb 2026 12:48:15 +0000
Subject: [PATCH] fix(mobile): hide infinite scroll sentinel on desktop

The sentinel div (h-4) added extra space below the pagination bar
on pages with a next page, making the pagination bar appear taller
than on the last page. Since infinite scroll only runs on mobile,
hide the sentinel on desktop with md:hidden.
---
 templates/base.html                  | 2 +-
 templates/partials/bag_list.html     | 2 +-
 templates/partials/brew_list.html    | 2 +-
 templates/partials/gear_list.html    | 2 +-
 templates/partials/roast_list.html   | 2 +-
 templates/partials/roaster_list.html | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index a6fea88..1019709 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -61,7 +61,7 @@
                       if (newNextUrl) {
                         container.setAttribute("data-next-url", newNextUrl);
                         var newSentinel = document.createElement("div");
-                        newSentinel.className = "infinite-scroll-sentinel h-4";
+                        newSentinel.className = "infinite-scroll-sentinel h-4 md:hidden";
                         newSentinel.setAttribute("aria-hidden", "true");
                         container.appendChild(newSentinel);
                         setupInfiniteScroll();
diff --git a/templates/partials/bag_list.html b/templates/partials/bag_list.html
index cb853eb..9b649e2 100644
--- a/templates/partials/bag_list.html
+++ b/templates/partials/bag_list.html
@@ -126,7 +126,7 @@
       </div>
       {% call table::pagination_header(bags, navigator, "#bag-list") %}
       {% if bags.has_next() %}
-      <div class="infinite-scroll-sentinel h-4" aria-hidden="true"></div>
+      <div class="infinite-scroll-sentinel h-4 md:hidden" aria-hidden="true"></div>
       {% endif %}
     </div>
   </section>
diff --git a/templates/partials/brew_list.html b/templates/partials/brew_list.html
index 358ca8b..356cdf9 100644
--- a/templates/partials/brew_list.html
+++ b/templates/partials/brew_list.html
@@ -112,7 +112,7 @@
     {% call table::pagination_header(brews, navigator, "#brew-list") %}
 
     {% if brews.has_next() %}
-    <div class="infinite-scroll-sentinel h-4" aria-hidden="true"></div>
+    <div class="infinite-scroll-sentinel h-4 md:hidden" aria-hidden="true"></div>
     {% endif %}
   </div>
 </div>
diff --git a/templates/partials/gear_list.html b/templates/partials/gear_list.html
index a293569..61deaea 100644
--- a/templates/partials/gear_list.html
+++ b/templates/partials/gear_list.html
@@ -69,7 +69,7 @@
     {% endif %}
     {% call table::pagination_header(gear, navigator, "#gear-list") %}
     {% if gear.has_next() %}
-    <div class="infinite-scroll-sentinel h-4" aria-hidden="true"></div>
+    <div class="infinite-scroll-sentinel h-4 md:hidden" aria-hidden="true"></div>
     {% endif %}
   </div>
   {% endif %}
diff --git a/templates/partials/roast_list.html b/templates/partials/roast_list.html
index cb91aa3..3690d8b 100644
--- a/templates/partials/roast_list.html
+++ b/templates/partials/roast_list.html
@@ -93,7 +93,7 @@
     {% endif %}
     {% call table::pagination_header(roasts, navigator, "#roast-list") %}
     {% if roasts.has_next() %}
-    <div class="infinite-scroll-sentinel h-4" aria-hidden="true"></div>
+    <div class="infinite-scroll-sentinel h-4 md:hidden" aria-hidden="true"></div>
     {% endif %}
   </section>
   {% endif %}
diff --git a/templates/partials/roaster_list.html b/templates/partials/roaster_list.html
index 39ac81d..8b052ec 100644
--- a/templates/partials/roaster_list.html
+++ b/templates/partials/roaster_list.html
@@ -107,7 +107,7 @@
     {% endif %}
     {% call table::pagination_header(roasters, navigator, "#roaster-list") %}
     {% if roasters.has_next() %}
-    <div class="infinite-scroll-sentinel h-4" aria-hidden="true"></div>
+    <div class="infinite-scroll-sentinel h-4 md:hidden" aria-hidden="true"></div>
     {% endif %}
   </section>
   {% endif %}