From 55c9a60a0e6a7fd7a59f8695ca74790528cb4dff Mon Sep 17 00:00:00 2001
From: Catherine Renelle <32781029+catrenelle@users.noreply.github.com>
Date: Sat, 28 Feb 2026 10:07:32 -0500
Subject: [PATCH] Fix tab switcher text size consistency across
 Board/Calendar/Gantt

Calendar and Gantt used text-sm while Board used text-xs, causing
the tab container to change size when switching views.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/routes/boards/[boardId]/calendar/+page.svelte | 6 +++---
 src/routes/boards/[boardId]/gantt/+page.svelte    | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/boards/[boardId]/calendar/+page.svelte b/src/routes/boards/[boardId]/calendar/+page.svelte
index 2282258..c22b694 100644
--- a/src/routes/boards/[boardId]/calendar/+page.svelte
+++ b/src/routes/boards/[boardId]/calendar/+page.svelte
@@ -21,16 +21,16 @@
 		<div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5">
 			<a
 				href="/boards/{data.board.id}"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Board
 			</a>
-			<span class="px-3 py-1 text-sm rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
+			<span class="px-3 py-1 text-xs rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
 				Calendar
 			</span>
 			<a
 				href="/boards/{data.board.id}/gantt"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Gantt
 			</a>
diff --git a/src/routes/boards/[boardId]/gantt/+page.svelte b/src/routes/boards/[boardId]/gantt/+page.svelte
index 894a3f5..09b8e1f 100644
--- a/src/routes/boards/[boardId]/gantt/+page.svelte
+++ b/src/routes/boards/[boardId]/gantt/+page.svelte
@@ -70,17 +70,17 @@
 		<div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5">
 			<a
 				href="/boards/{data.board.id}"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Board
 			</a>
 			<a
 				href="/boards/{data.board.id}/calendar"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Calendar
 			</a>
-			<span class="px-3 py-1 text-sm rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
+			<span class="px-3 py-1 text-xs rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
 				Gantt
 			</span>
 		</div>