From fb38d6b9a97fa9b187fd41785d04f2798f347ddc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 6 Mar 2026 13:22:15 +0100
Subject: [PATCH] fix: constrain admin layout to container width matching rest
 of site

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../frontend/src/routes/admin/+layout.svelte  | 64 ++++++++++---------
 1 file changed, 34 insertions(+), 30 deletions(-)

diff --git a/packages/frontend/src/routes/admin/+layout.svelte b/packages/frontend/src/routes/admin/+layout.svelte
index f6ed161..a799dec 100644
--- a/packages/frontend/src/routes/admin/+layout.svelte
+++ b/packages/frontend/src/routes/admin/+layout.svelte
@@ -14,35 +14,39 @@
   }
 </script>
 
-<div class="flex min-h-screen bg-background">
-  <!-- Sidebar -->
-  <aside class="w-56 shrink-0 border-r border-border/40 bg-card/60 backdrop-blur-sm flex flex-col">
-    <div class="px-4 py-5 border-b border-border/40">
-      <a href="/" class="text-xs text-muted-foreground hover:text-foreground transition-colors">
-        ← Back to site
-      </a>
-      <h1 class="mt-2 text-base font-bold text-foreground">Admin</h1>
+<div class="min-h-screen bg-background">
+  <div class="container mx-auto px-4">
+    <div class="flex min-h-screen">
+      <!-- Sidebar -->
+      <aside class="w-56 shrink-0 border-r border-border/40 bg-card/60 backdrop-blur-sm flex flex-col">
+        <div class="px-4 py-5 border-b border-border/40">
+          <a href="/" class="text-xs text-muted-foreground hover:text-foreground transition-colors">
+            ← Back to site
+          </a>
+          <h1 class="mt-2 text-base font-bold text-foreground">Admin</h1>
+        </div>
+
+        <nav class="flex-1 p-3 space-y-1">
+          {#each navLinks as link (link.href)}
+            <a
+              href={link.href}
+              class={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors ${
+                isActive(link.href)
+                  ? "bg-primary/10 text-primary"
+                  : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
+              }`}
+            >
+              <span class={`${link.icon} h-4 w-4`}></span>
+              {link.name}
+            </a>
+          {/each}
+        </nav>
+      </aside>
+
+      <!-- Main content -->
+      <main class="flex-1 overflow-auto">
+        {@render children()}
+      </main>
     </div>
-
-    <nav class="flex-1 p-3 space-y-1">
-      {#each navLinks as link (link.href)}
-        <a
-          href={link.href}
-          class={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors ${
-            isActive(link.href)
-              ? "bg-primary/10 text-primary"
-              : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
-          }`}
-        >
-          <span class={`${link.icon} h-4 w-4`}></span>
-          {link.name}
-        </a>
-      {/each}
-    </nav>
-  </aside>
-
-  <!-- Main content -->
-  <main class="flex-1 overflow-auto">
-    {@render children()}
-  </main>
+  </div>
 </div>