From 53d6886f20f5c51ddc479fbfba820a15946fca27 Mon Sep 17 00:00:00 2001
From: "Marin @Home" <marin@marincarroll.com>
Date: Tue, 11 Nov 2025 12:53:44 -0500
Subject: [PATCH] <ul> should only wrap pagelist

---
 .../shared/_stimulus_pagination.html.haml     | 28 ++++++++-----------
 .../css/admin/components/pagination.scss      |  9 ++++--
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/app/views/admin/shared/_stimulus_pagination.html.haml b/app/views/admin/shared/_stimulus_pagination.html.haml
index 0c927b7767..1b6e84073d 100644
--- a/app/views/admin/shared/_stimulus_pagination.html.haml
+++ b/app/views/admin/shared/_stimulus_pagination.html.haml
@@ -1,15 +1,13 @@
 - link = pagy_anchor(pagy)
 
-%nav{ "aria-label": t('.navigation'), "data-controller": "search" }
-  %ul.pagination
-    - if pagy.prev
-      %li
-        %a.page.prev{ rel: "prev", data: { action: 'click->search#changePage', page: pagy.prev } }
-          %i.icon-chevron-left{ data: { action: 'click->search#changePage', page: pagy.prev } }
-    - else
-      %li
-        %a.page.disabled{disabled: "disabled"}!= pagy_t('pagy.prev')
+%nav.pagination{ "aria-label": t('.navigation'), "data-controller": "search" }
+  - if pagy.prev
+    %a.page.prev{ rel: "prev", data: { action: 'click->search#changePage', page: pagy.prev } }
+      %i.icon-chevron-left{ data: { action: 'click->search#changePage', page: pagy.prev } }
+  - else
+    %a.page.disabled{disabled: "disabled"}!= pagy_t('pagy.prev')
 
+  %ul.pagelist
     - pagy.series.each do |item|                      # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36]
       - if item.is_a?(Integer)                        # page link
         %li
@@ -23,10 +21,8 @@
         %li
           %span.page.gap.pagination-ellipsis!= pagy_t('pagy.gap')
 
-    - if pagy.next
-      %li
-        %a.page.next{ rel: "next", data: { action: 'click->search#changePage', page: pagy.next } }
-          %i.icon-chevron-right{ data: { action: 'click->search#changePage', page: pagy.next } }
-    - else
-      %li
-        %a.page.disabled.pagination-next{disabled: "disabled"}!= pagy_t('pagy.next')
\ No newline at end of file
+  - if pagy.next
+    %a.page.next{ rel: "next", data: { action: 'click->search#changePage', page: pagy.next } }
+      %i.icon-chevron-right{ data: { action: 'click->search#changePage', page: pagy.next } }
+  - else
+    %a.page.disabled.pagination-next{disabled: "disabled"}!= pagy_t('pagy.next')
\ No newline at end of file
diff --git a/app/webpacker/css/admin/components/pagination.scss b/app/webpacker/css/admin/components/pagination.scss
index 18baee978c..f2588fe728 100644
--- a/app/webpacker/css/admin/components/pagination.scss
+++ b/app/webpacker/css/admin/components/pagination.scss
@@ -2,13 +2,16 @@
   text-align: center;
   margin: 0 0 1em;
   padding: 20px 0 28px 0;
-
   background-color: $color-7;
-
   display: flex;
   justify-content: center;
   gap: 8px;
-  list-style-type: none;
+
+  .pagelist {
+    display: flex;
+    gap: inherit;
+    list-style-type: none;
+  }
 
   .page {
     width: $btn-relaxed-height;