From 1c515a3145ba517929dc33093add3234021dae23 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Fri, 8 May 2026 17:28:51 +0200
Subject: [PATCH] style(dashboard): widen stat columns from px-3 to px-5 in
 ReaderHeaderBar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
index e3574721..0b7f13ad 100644
--- a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
+++ b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
@@ -41,7 +41,7 @@ const timeLabel = $derived.by(() => {
 	>
 		<a
 			href="/documents"
-			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-3 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
+			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
 			<span class="block text-2xl leading-none font-black text-brand-navy">{documents ?? '—'}</span>
 			<span
@@ -56,7 +56,7 @@ const timeLabel = $derived.by(() => {
 
 		<a
 			href="/persons"
-			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-3 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
+			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
 			<span class="block text-2xl leading-none font-black text-brand-navy">{persons ?? '—'}</span>
 			<span
@@ -71,7 +71,7 @@ const timeLabel = $derived.by(() => {
 
 		<a
 			href="/geschichten"
-			class="flex min-h-[44px] flex-col items-center justify-center px-3 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
+			class="flex min-h-[44px] flex-col items-center justify-center px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
 			<span class="block text-2xl leading-none font-black text-brand-navy">{stories ?? '—'}</span>
 			<span