From 9d9d19ceb56cf2d4d464e29edcbe93c486cbf406 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Tue, 7 Apr 2026 11:51:56 +0200
Subject: [PATCH] fix(a11y): increase segmented toggle height on mobile to 36px

Uses h-9 (36px) on mobile, h-7 (28px) on desktop for better tap
targets on small screens.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/TranscriptionPanelHeader.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/TranscriptionPanelHeader.svelte b/frontend/src/lib/components/TranscriptionPanelHeader.svelte
index 6fdd937f..9dc2b890 100644
--- a/frontend/src/lib/components/TranscriptionPanelHeader.svelte
+++ b/frontend/src/lib/components/TranscriptionPanelHeader.svelte
@@ -33,7 +33,7 @@ function handleReadClick() {
 	class="flex h-[44px] items-center justify-between border-b border-line bg-surface px-3 font-sans"
 >
 	<!-- Segmented toggle -->
-	<div class="flex h-7 items-center rounded-full border border-line bg-muted p-0.5">
+	<div class="flex h-9 items-center rounded-full border border-line bg-muted p-0.5 md:h-7">
 		<button
 			type="button"
 			data-testid="mode-read"