From 82cf47ae6d64c6308344c51418840a68bbe382ff Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Mon, 27 Apr 2026 19:48:19 +0200
Subject: [PATCH] style(stammbaum): tighten vertical rhythm around relationship
 cards

- /stammbaum: drop the global py-6 top gap so the page header butts
  up against the navbar, matching its full-bleed canvas layout
- person detail: add mt-6 around the document lists so they don't
  sit flush against the Beziehungen card
- person edit: add mt-6 to PersonMergePanel so the merge box doesn't
  collide with the StammbaumCard above it

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/routes/persons/[id]/+page.svelte | 24 +++++++++++--------
 .../persons/[id]/PersonMergePanel.svelte      |  2 +-
 frontend/src/routes/stammbaum/+page.svelte    |  2 +-
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/frontend/src/routes/persons/[id]/+page.svelte b/frontend/src/routes/persons/[id]/+page.svelte
index 9a9cc581..58c398b4 100644
--- a/frontend/src/routes/persons/[id]/+page.svelte
+++ b/frontend/src/routes/persons/[id]/+page.svelte
@@ -77,17 +77,21 @@ const coCorrespondents = $derived.by(() => {
 				/>
 			</div>
 
-			<PersonDocumentList
-				documents={sentDocuments}
-				heading={m.person_docs_heading()}
-				emptyMessage={m.person_no_docs()}
-			/>
+			<div class="mt-6">
+				<PersonDocumentList
+					documents={sentDocuments}
+					heading={m.person_docs_heading()}
+					emptyMessage={m.person_no_docs()}
+				/>
+			</div>
 
-			<PersonDocumentList
-				documents={receivedDocuments}
-				heading={m.person_received_docs_heading()}
-				emptyMessage={m.person_no_received_docs()}
-			/>
+			<div class="mt-6">
+				<PersonDocumentList
+					documents={receivedDocuments}
+					heading={m.person_received_docs_heading()}
+					emptyMessage={m.person_no_received_docs()}
+				/>
+			</div>
 		</div>
 	</div>
 </div>
diff --git a/frontend/src/routes/persons/[id]/PersonMergePanel.svelte b/frontend/src/routes/persons/[id]/PersonMergePanel.svelte
index 50d10d8d..b032a15d 100644
--- a/frontend/src/routes/persons/[id]/PersonMergePanel.svelte
+++ b/frontend/src/routes/persons/[id]/PersonMergePanel.svelte
@@ -15,7 +15,7 @@ let mergeTargetId = $state('');
 let showMergeConfirm = $state(false);
 </script>
 
-<div class="mb-10 rounded-sm border border-red-200 bg-surface p-6 shadow-sm">
+<div class="mt-6 mb-10 rounded-sm border border-red-200 bg-surface p-6 shadow-sm">
 	<div>
 		<h2 class="mb-1 font-serif text-lg text-ink">{m.person_merge_heading()}</h2>
 		<p class="mb-5 font-sans text-sm text-ink-2">
diff --git a/frontend/src/routes/stammbaum/+page.svelte b/frontend/src/routes/stammbaum/+page.svelte
index 6d472173..bb6d076c 100644
--- a/frontend/src/routes/stammbaum/+page.svelte
+++ b/frontend/src/routes/stammbaum/+page.svelte
@@ -34,7 +34,7 @@ function zoomOut() {
 }
 </script>
 
-<div class="flex h-full flex-col">
+<div class="-mt-6 flex h-full flex-col">
 	<header
 		class="flex shrink-0 items-center justify-between border-b border-line bg-surface px-6 py-4"
 	>