Fix paginator layout: flexbox replaces float-based pull-left/pull-right

width:100% ensures paginator claims its own row inside any flex parent
(fisheye-flow), making it visible regardless of div context. Flexbox
justify-content:space-between replaces Bootstrap float layout so page
buttons and goto-form stay on one line at normal widths.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 14 insertions, 0 deletions

diff --git a/css/config.css b/css/config.css
index eb890fa..18cf977 100644
--- a/css/config.css
+++ b/css/config.css
@@ -593,6 +593,20 @@ ul.data li.item:last-child {
 	}
 }
 
+.paginator {
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+}
+.paginator ul.pagination,
+.paginator > div.pagination {
+	margin: 0;
+	float: none;
+}
+
 .fisheye-flow {
 	display: flex;
 	flex-wrap: wrap;