From b241c293d02df1568a602cf5f7b99fbb8d4b4346 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 17 Apr 2026 17:07:50 +0200
Subject: [PATCH] fix(frontend): restore tablet pagination layout
 (space-between + flex order)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Bulma partial applied justify-content: space-between on .pagination and
flex-order 1/2/3 on prev/list/next inside a tablet media query under
.is-centered — the port missed both. Pixel-diff against main is now zero.
---
 frontend/src/components/base/BasePagination.vue |  2 ++
 frontend/src/components/misc/PaginationItem.vue | 10 ++++++++++
 2 files changed, 12 insertions(+)

diff --git a/frontend/src/components/base/BasePagination.vue b/frontend/src/components/base/BasePagination.vue
index 53c486697..614528283 100644
--- a/frontend/src/components/base/BasePagination.vue
+++ b/frontend/src/components/base/BasePagination.vue
@@ -159,11 +159,13 @@ const pages = computed(() => createPagination(props.totalPages, props.currentPag
 	}
 
 	.pagination {
+		justify-content: space-between;
 		margin-block: 0;
 
 		&.is-centered {
 			.pagination-list {
 				justify-content: center;
+				order: 2;
 			}
 		}
 	}
diff --git a/frontend/src/components/misc/PaginationItem.vue b/frontend/src/components/misc/PaginationItem.vue
index f62a160c4..e3cd60db4 100644
--- a/frontend/src/components/misc/PaginationItem.vue
+++ b/frontend/src/components/misc/PaginationItem.vue
@@ -132,6 +132,16 @@ const emit = defineEmits<{
 	.pagination-link {
 		margin-block: 0;
 	}
+
+	// BasePagination hardcodes `.is-centered`, so prev and next are flex-ordered
+	// around the centered page list (prev left, list middle, next right).
+	.pagination-previous {
+		order: 1;
+	}
+
+	.pagination-next {
+		order: 3;
+	}
 }
 </style>