From eeca30e7a6b696bc50ea63df2088a10e71d49ca4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 19 Apr 2026 23:24:46 +0200
Subject: [PATCH] feat(frontend): add --header-height, bump initials to
 text-[10px], update nav to /documents

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/ContributorStack.svelte | 4 ++--
 frontend/src/routes/AppNav.svelte                   | 8 ++++----
 frontend/src/routes/layout.css                      | 3 +++
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/ContributorStack.svelte b/frontend/src/lib/components/ContributorStack.svelte
index fc627627..4e417fc2 100644
--- a/frontend/src/lib/components/ContributorStack.svelte
+++ b/frontend/src/lib/components/ContributorStack.svelte
@@ -24,7 +24,7 @@ const safeContributors = $derived(contributors ?? []);
 			<span
 				role="img"
 				aria-label={actor.name ?? actor.initials}
-				class="inline-flex h-[22px] w-[22px] flex-shrink-0 items-center justify-center rounded-full font-sans text-[9px] font-bold text-white ring-2 ring-white {i > 0 ? '-ml-1.5' : ''}"
+				class="inline-flex h-[22px] w-[22px] flex-shrink-0 items-center justify-center rounded-full font-sans text-[10px] font-bold text-white ring-2 ring-white {i > 0 ? '-ml-1.5' : ''}"
 				style="background-color: {actor.color || '#8c9aa3'};"
 				title={actor.name ?? actor.initials}
 			>
@@ -33,7 +33,7 @@ const safeContributors = $derived(contributors ?? []);
 		{/each}
 		{#if hasMore}
 			<span
-				class="-ml-1.5 inline-flex h-[22px] w-[22px] flex-shrink-0 items-center justify-center rounded-full bg-[#e4e2d7] font-sans text-[9px] font-bold text-ink-3 ring-2 ring-white"
+				class="-ml-1.5 inline-flex h-[22px] w-[22px] flex-shrink-0 items-center justify-center rounded-full bg-[#e4e2d7] font-sans text-[10px] font-bold text-ink-3 ring-2 ring-white"
 			>
 				…
 			</span>
diff --git a/frontend/src/routes/AppNav.svelte b/frontend/src/routes/AppNav.svelte
index 026b7f72..29eea77b 100644
--- a/frontend/src/routes/AppNav.svelte
+++ b/frontend/src/routes/AppNav.svelte
@@ -40,9 +40,9 @@ function handleOverlayKeydown(event: KeyboardEvent) {
 	<!-- Desktop nav -->
 	<nav class="hidden items-stretch lg:flex lg:space-x-1">
 		<a
-			href="/"
+			href="/documents"
 			class="my-2 inline-flex items-center px-3 font-sans text-xs font-bold tracking-widest uppercase transition-colors focus:outline-none focus-visible:rounded focus-visible:ring-2 focus-visible:ring-focus-ring
-                   {page.url.pathname === '/' || page.url.pathname.startsWith('/documents')
+                   {page.url.pathname.startsWith('/documents')
 				? 'border-b-2 border-accent text-white'
 				: 'text-white/70 hover:text-white'}"
 		>
@@ -141,9 +141,9 @@ function handleOverlayKeydown(event: KeyboardEvent) {
 		<div class="relative border-b border-line bg-surface shadow-md">
 			<nav id="mobile-nav">
 				<a
-					href="/"
+					href="/documents"
 					class="block flex min-h-[44px] w-full items-center px-4 py-3 font-sans text-sm font-bold tracking-widest uppercase transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset
-                           {page.url.pathname === '/' || page.url.pathname.startsWith('/documents')
+                           {page.url.pathname.startsWith('/documents')
 						? 'bg-accent-bg text-ink'
 						: 'text-ink-2 hover:bg-muted hover:text-ink'}"
 				>
diff --git a/frontend/src/routes/layout.css b/frontend/src/routes/layout.css
index aa4c6ba9..0f93fa13 100644
--- a/frontend/src/routes/layout.css
+++ b/frontend/src/routes/layout.css
@@ -81,6 +81,9 @@
 
 /* ─── 4. Light mode (default) ─────────────────────────────────────────────── */
 :root {
+	/* 1px accent bar + 64px nav = 65px total sticky header height */
+	--header-height: 65px;
+
 	--c-canvas: #f0efe9;
 	--c-surface: #ffffff;
 	--c-overlay: #ffffff;