From 0f5eebec299acf9e360a8d9973265e56b38e697c Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Tue, 7 Apr 2026 15:59:05 +0200
Subject: [PATCH] fix(ui): move save bar to end of edit page after alias and
 danger zone

Uses HTML form attribute to associate the submit button with the
person-edit-form from outside the form tag. Page now reads:
Personendaten -> Namensverlauf -> Danger zone -> Save bar.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/persons/[id]/edit/+page.svelte          | 6 +++---
 .../src/routes/persons/[id]/edit/PersonEditSaveBar.svelte   | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/persons/[id]/edit/+page.svelte b/frontend/src/routes/persons/[id]/edit/+page.svelte
index ef308f63..4e641553 100644
--- a/frontend/src/routes/persons/[id]/edit/+page.svelte
+++ b/frontend/src/routes/persons/[id]/edit/+page.svelte
@@ -42,15 +42,13 @@ const person = $derived(data.person);
 		</div>
 	{/if}
 
-	<form method="POST" use:enhance>
+	<form id="person-edit-form" method="POST" use:enhance>
 		<div class="rounded-sm border border-line bg-surface p-6 shadow-sm">
 			<h2 class="mb-5 text-xs font-bold tracking-widest text-ink-3 uppercase">
 				{m.persons_section_details()}
 			</h2>
 			<PersonEditForm person={person} />
 		</div>
-
-		<PersonEditSaveBar discardHref="/persons/{person.id}" />
 	</form>
 
 	<NameHistoryEditCard
@@ -61,4 +59,6 @@ const person = $derived(data.person);
 	/>
 
 	<PersonDangerZone person={person} form={form} />
+
+	<PersonEditSaveBar discardHref="/persons/{person.id}" formId="person-edit-form" />
 </div>
diff --git a/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte b/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte
index 318b1e4f..7091bc30 100644
--- a/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte
+++ b/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { m } from '$lib/paraglide/messages.js';
 
-let { discardHref }: { discardHref: string } = $props();
+let { discardHref, formId }: { discardHref: string; formId?: string } = $props();
 </script>
 
 <!-- Sticky full-bleed save bar -->
@@ -13,6 +13,7 @@ let { discardHref }: { discardHref: string } = $props();
 	</a>
 	<button
 		type="submit"
+		form={formId}
 		formaction="?/update"
 		class="rounded bg-primary px-6 py-2 text-sm font-bold tracking-widest text-primary-fg uppercase transition-colors hover:bg-primary/80"
 	>