From 25ff2fbd61a467c2a30d5cbce05c6e856b4a4e42 Mon Sep 17 00:00:00 2001
From: mvm <vance@cloudflare.com>
Date: Mon, 2 Mar 2026 09:02:14 -0600
Subject: [PATCH] move next/prev to new row on sm screens

---
 src/components/changelog/Pagination.astro | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/changelog/Pagination.astro b/src/components/changelog/Pagination.astro
index 7ef1f1f73790fc7..33e8d73fe0001bd 100644
--- a/src/components/changelog/Pagination.astro
+++ b/src/components/changelog/Pagination.astro
@@ -52,7 +52,7 @@ const nextUrl = currentPage < lastPage ? pageUrl(currentPage + 1) : null;
 
 {
 	lastPage > 1 && (
-		<nav class="pagination mt-8 flex items-center justify-between" aria-label="Pagination">
+		<nav class="pagination mt-8 flex flex-wrap items-center justify-between gap-y-2" aria-label="Pagination">
 			{prevUrl ? (
 				<a href={prevUrl} class="pagination-btn no-underline">
 					← Prev
@@ -61,7 +61,7 @@ const nextUrl = currentPage < lastPage ? pageUrl(currentPage + 1) : null;
 				<span class="pagination-btn disabled">← Prev</span>
 			)}
 
-			<div class="flex items-center gap-1">
+			<div class="pagination-pages flex items-center gap-1">
 				{items.map((item) =>
 					item === null ? (
 						<span class="flex h-9 items-center justify-center px-2 text-sm text-sl-color-gray-3">
@@ -128,4 +128,12 @@ const nextUrl = currentPage < lastPage ? pageUrl(currentPage + 1) : null;
 	.pagination-btn.disabled {
 		opacity: 0.35;
 	}
+
+	@media (max-width: 640px) {
+		.pagination-pages {
+			order: -1;
+			width: 100%;
+			justify-content: center;
+		}
+	}
 </style>