From 3d07c4d2c811decc729641dd804b96baeb621c6e Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Mon, 1 Sep 2025 22:07:47 +0000 Subject: [PATCH] Adjust pagination button sizes for better visual alignment Update pagination component styles across multiple pages to set fixed button dimensions (h-10, w-10) and center content. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q --- client/src/pages/FolxStadlPage.tsx | 4 ++-- client/src/pages/GeschichteLiedPage.tsx | 4 ++-- client/src/pages/GipfelstammtischPage.tsx | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx index c96708e..da97cd1 100644 --- a/client/src/pages/FolxStadlPage.tsx +++ b/client/src/pages/FolxStadlPage.tsx @@ -289,8 +289,8 @@ export default function FolxStadlPage() { size="sm" onClick={() => setCurrentPage(pageNum)} className={currentPage === pageNum - ? "gradient-primary text-white border-none shadow-lg" - : "border-white/20 text-white hover:bg-white/10" + ? "gradient-primary text-white border-none shadow-lg h-10 w-10 p-0 flex items-center justify-center" + : "border-white/20 text-white hover:bg-white/10 h-10 w-10 p-0 flex items-center justify-center" } > {pageNum} diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx index d6a0e72..7678efe 100644 --- a/client/src/pages/GeschichteLiedPage.tsx +++ b/client/src/pages/GeschichteLiedPage.tsx @@ -291,8 +291,8 @@ export default function GeschichteLiedPage() { size="sm" onClick={() => setCurrentPage(pageNum)} className={currentPage === pageNum - ? "gradient-primary text-white border-none shadow-lg" - : "border-white/20 text-white hover:bg-white/10" + ? "gradient-primary text-white border-none shadow-lg h-10 w-10 p-0 flex items-center justify-center" + : "border-white/20 text-white hover:bg-white/10 h-10 w-10 p-0 flex items-center justify-center" } > {pageNum} diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx index 7045ebc..3fddfa7 100644 --- a/client/src/pages/GipfelstammtischPage.tsx +++ b/client/src/pages/GipfelstammtischPage.tsx @@ -291,8 +291,8 @@ export default function GipfelstammtischPage() { size="sm" onClick={() => setCurrentPage(pageNum)} className={currentPage === pageNum - ? "gradient-primary text-white border-none shadow-lg" - : "border-white/20 text-white hover:bg-white/10" + ? "gradient-primary text-white border-none shadow-lg h-10 w-10 p-0 flex items-center justify-center" + : "border-white/20 text-white hover:bg-white/10 h-10 w-10 p-0 flex items-center justify-center" } > {pageNum}