From 3b58ac045770f90edbc326941343ed8f929594e7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Wed, 10 Jun 2026 22:36:09 +0200
Subject: [PATCH] fix(geschichten): match directory width of Dokumente/Personen
 overviews

The list page used max-w-4xl while every other directory page uses
max-w-7xl. The detail page intentionally stays max-w-3xl (reading
column per spec R-2).

Closes #799
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/routes/geschichten/+page.svelte        | 2 +-
 frontend/src/routes/geschichten/page.svelte.test.ts | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/geschichten/+page.svelte b/frontend/src/routes/geschichten/+page.svelte
index bdee383b..3e4e681a 100644
--- a/frontend/src/routes/geschichten/+page.svelte
+++ b/frontend/src/routes/geschichten/+page.svelte
@@ -37,7 +37,7 @@ function removePerson(personId: string) {
 }
 </script>
 
-<div class="mx-auto max-w-4xl px-4 py-8">
+<div class="mx-auto max-w-7xl px-4 py-8">
 	<header class="mb-4 flex flex-wrap items-center justify-between gap-3">
 		<h1 class="font-serif text-2xl text-ink">{m.geschichten_index_title()}</h1>
 		{#if data.canBlogWrite}
diff --git a/frontend/src/routes/geschichten/page.svelte.test.ts b/frontend/src/routes/geschichten/page.svelte.test.ts
index 0cb6b8a7..8a34427d 100644
--- a/frontend/src/routes/geschichten/page.svelte.test.ts
+++ b/frontend/src/routes/geschichten/page.svelte.test.ts
@@ -35,6 +35,14 @@ const baseData = (overrides: Record<string, unknown> = {}) => ({
 });
 
 describe('geschichten/+ page', () => {
+	it('uses the same directory width as Dokumente/Personen overviews (max-w-7xl)', async () => {
+		render(GeschichtenListPage, { props: { data: baseData() } });
+
+		const container = document.querySelector('[class*="mx-auto"]');
+		expect(container).not.toBeNull();
+		expect(container!.className).toContain('max-w-7xl');
+	});
+
 	it('renders the page heading', async () => {
 		render(GeschichtenListPage, { props: { data: baseData() } });