From 6b15ea8b1f2e4195ba5481d1ba3eb8f2f642ce69 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 29 Mar 2026 12:35:06 +0200
Subject: [PATCH] style: standardise link hover underline (2px, offset-4,
 accent) globally

Move text-decoration-thickness/underline-offset into the global a:hover
base rule so every link that shows an underline on hover gets identical
treatment: 2px thick, 4px offset, accent colour.

Remove the now-redundant per-component decoration-brand-mint / decoration-
accent / decoration-2 / underline-offset-{2,4} utilities from DocumentList,
enrich, persons, PersonDocumentList, and PanelMetadata.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/PanelMetadata.svelte           | 4 +---
 frontend/src/routes/DocumentList.svelte                    | 4 +---
 frontend/src/routes/enrich/+page.svelte                    | 4 +---
 frontend/src/routes/enrich/done/+page.svelte               | 2 +-
 frontend/src/routes/layout.css                             | 2 ++
 frontend/src/routes/persons/+page.svelte                   | 4 +---
 frontend/src/routes/persons/[id]/PersonDocumentList.svelte | 2 +-
 7 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/frontend/src/lib/components/PanelMetadata.svelte b/frontend/src/lib/components/PanelMetadata.svelte
index a652f0c2..b819df8d 100644
--- a/frontend/src/lib/components/PanelMetadata.svelte
+++ b/frontend/src/lib/components/PanelMetadata.svelte
@@ -136,9 +136,7 @@ let { doc }: { doc: Doc } = $props();
 							{doc.sender.firstName[0]}{doc.sender.lastName[0]}
 						</div>
 						<div>
-							<p
-								class="font-serif text-ink decoration-brand-mint underline-offset-2 group-hover:underline"
-							>
+							<p class="font-serif text-ink group-hover:underline">
 								{doc.sender.firstName}
 								{doc.sender.lastName}
 							</p>
diff --git a/frontend/src/routes/DocumentList.svelte b/frontend/src/routes/DocumentList.svelte
index 38ce333e..3802d3c9 100644
--- a/frontend/src/routes/DocumentList.svelte
+++ b/frontend/src/routes/DocumentList.svelte
@@ -56,9 +56,7 @@ let {
 							<!-- Main Info -->
 							<div class="flex-1">
 								<div class="mb-2 flex items-baseline justify-between">
-									<h3
-										class="font-serif text-xl font-medium text-ink decoration-brand-mint decoration-2 underline-offset-4 group-hover:underline"
-									>
+									<h3 class="font-serif text-xl font-medium text-ink group-hover:underline">
 										{doc.title || doc.originalFilename}
 									</h3>
 								</div>
diff --git a/frontend/src/routes/enrich/+page.svelte b/frontend/src/routes/enrich/+page.svelte
index bc7021d7..f23a53e0 100644
--- a/frontend/src/routes/enrich/+page.svelte
+++ b/frontend/src/routes/enrich/+page.svelte
@@ -74,9 +74,7 @@ const count = $derived(documents.length);
 					<li class="group transition-colors duration-200 hover:bg-muted">
 						<a href="/enrich/{doc.id}" class="flex items-center justify-between p-6">
 							<div class="min-w-0 flex-1">
-								<p
-									class="font-serif text-lg font-medium text-ink decoration-accent decoration-2 underline-offset-4 group-hover:underline"
-								>
+								<p class="font-serif text-lg font-medium text-ink group-hover:underline">
 									{doc.title}
 								</p>
 							</div>
diff --git a/frontend/src/routes/enrich/done/+page.svelte b/frontend/src/routes/enrich/done/+page.svelte
index 23093f38..2a8e9ef7 100644
--- a/frontend/src/routes/enrich/done/+page.svelte
+++ b/frontend/src/routes/enrich/done/+page.svelte
@@ -31,7 +31,7 @@ import { m } from '$lib/paraglide/messages.js';
 
 			<a
 				href="/enrich"
-				class="font-sans text-xs text-ink-2 underline-offset-4 transition-colors hover:text-ink hover:underline"
+				class="font-sans text-xs text-ink-2 transition-colors hover:text-ink hover:underline"
 			>
 				{m.enrich_back_to_list()}
 			</a>
diff --git a/frontend/src/routes/layout.css b/frontend/src/routes/layout.css
index 2eb88aa9..e30ae17e 100644
--- a/frontend/src/routes/layout.css
+++ b/frontend/src/routes/layout.css
@@ -216,5 +216,7 @@
 
 	a:hover {
 		text-decoration-color: var(--c-accent);
+		text-decoration-thickness: 2px;
+		text-underline-offset: 4px;
 	}
 }
diff --git a/frontend/src/routes/persons/+page.svelte b/frontend/src/routes/persons/+page.svelte
index cd43c50b..3b3d6a42 100644
--- a/frontend/src/routes/persons/+page.svelte
+++ b/frontend/src/routes/persons/+page.svelte
@@ -119,9 +119,7 @@ function handleSearch() {
 
 						<!-- Info -->
 						<div class="min-w-0 flex-1">
-							<p
-								class="truncate font-serif text-base font-medium text-ink decoration-brand-mint decoration-2 underline-offset-2 group-hover:underline"
-							>
+							<p class="truncate font-serif text-base font-medium text-ink group-hover:underline">
 								{person.firstName}
 								{person.lastName}
 							</p>
diff --git a/frontend/src/routes/persons/[id]/PersonDocumentList.svelte b/frontend/src/routes/persons/[id]/PersonDocumentList.svelte
index cb084aea..56905999 100644
--- a/frontend/src/routes/persons/[id]/PersonDocumentList.svelte
+++ b/frontend/src/routes/persons/[id]/PersonDocumentList.svelte
@@ -86,7 +86,7 @@ const visibleDocuments = $derived(
 								</div>
 								<div class="min-w-0">
 									<div
-										class="truncate font-serif text-base font-medium text-ink decoration-brand-mint decoration-2 underline-offset-2 group-hover:underline"
+										class="truncate font-serif text-base font-medium text-ink group-hover:underline"
 									>
 										{doc.title || doc.originalFilename}
 									</div>