From 82e83714518f27ad833600dbfc386c5916baaa6d Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 18 Apr 2026 11:02:43 +0200
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E2=80=9EZur=C3=BCck"-Button=20i?=
 =?UTF-8?q?m=20Settings-Tabbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Auf Mobile <520px ist das Kochwas-App-Icon oben links ausgeblendet, und
aus den Settings gab es keinen sichtbaren Weg zur Hauptseite außer der
Browser-Zurück-Taste. Jetzt steht links vor den Admin-Tabs ein
ArrowLeft-Pill-Button, der direkt auf / führt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/routes/admin/+layout.svelte | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/routes/admin/+layout.svelte b/src/routes/admin/+layout.svelte
index dadf18d..9743ecc 100644
--- a/src/routes/admin/+layout.svelte
+++ b/src/routes/admin/+layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { page } from '$app/stores';
+  import { ArrowLeft } from 'lucide-svelte';
 
   let { children } = $props();
 
@@ -11,6 +12,10 @@
 </script>
 
 <nav class="tabs">
+  <a href="/" class="back" aria-label="Zurück zu Kochwas">
+    <ArrowLeft size={18} strokeWidth={2} />
+    <span>Zurück</span>
+  </a>
   {#each items as item (item.href)}
     <a
       href={item.href}
@@ -52,6 +57,25 @@
     color: white;
     border-color: #2b6a3d;
   }
+  .back {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    padding: 0.6rem 0.85rem 0.6rem 0.7rem;
+    background: white;
+    border: 1px solid #e4eae7;
+    border-radius: 999px;
+    text-decoration: none;
+    color: #2b6a3d;
+    font-size: 0.9rem;
+    font-weight: 600;
+    white-space: nowrap;
+    min-height: 40px;
+    flex-shrink: 0;
+  }
+  .back:hover {
+    background: #eaf4ed;
+  }
   .admin-body {
     padding: 1rem 0;
   }