From 912f3dac6f37aabbe6927ca92b23c211875a8c62 Mon Sep 17 00:00:00 2001
From: Scarriffle <admin@scarriffle.com>
Date: Mon, 27 Jul 2026 18:42:12 +0200
Subject: [PATCH] Web: Lebensmittel-Icon (Apfel) + mehr Abstand vor 'Typ' im
 Produktformular

Eigenes food-Icon fuer den Lebensmittel-Sidebar-Eintrag (statt des Sechsecks). Der Block 'Mindestbestand je Lagerort' bekommt Abstand nach unten, damit er nicht am Typ-Umschalter klebt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/src/App.jsx               | 2 +-
 web/src/components/Icon.jsx   | 6 ++++++
 web/src/pages/ProductForm.jsx | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/App.jsx b/web/src/App.jsx
index 469571c..c499374 100644
--- a/web/src/App.jsx
+++ b/web/src/App.jsx
@@ -75,7 +75,7 @@ function Sidebar() {
         ))}
         <NavItem to="/checkin" icon="checkin" label="Einlagern" />
         <NavItem to="/checkout" icon="checkout" label="Auslagern" />
-        <NavItem to="/lebensmittel" icon="box" label="Lebensmittel" />
+        <NavItem to="/lebensmittel" icon="food" label="Lebensmittel" />
         <NavItem to="/gegenstaende" icon="package" label="Gegenstände" />
         <NavItem to="/items" icon="tag" label="Einzelstücke" />
         <NavItem to="/shopping" icon="cart" label="Einkaufsliste" />
diff --git a/web/src/components/Icon.jsx b/web/src/components/Icon.jsx
index b33a82b..1f46cbc 100644
--- a/web/src/components/Icon.jsx
+++ b/web/src/components/Icon.jsx
@@ -2,6 +2,12 @@
 // Verwendung: <Icon name="package" /> oder <Icon name="trash" size={16} />
 
 const PATHS = {
+  food: (
+    <>
+      <path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 12 5 20 8 20c1.25 0 2.5-1.06 4-1.06Z" />
+      <path d="M10 2c1 .5 2 2 2 5" />
+    </>
+  ),
   dashboard: (
     <>
       <rect x="3" y="3" width="7" height="9" rx="1" />
diff --git a/web/src/pages/ProductForm.jsx b/web/src/pages/ProductForm.jsx
index f9a0193..9bb88fe 100644
--- a/web/src/pages/ProductForm.jsx
+++ b/web/src/pages/ProductForm.jsx
@@ -678,7 +678,7 @@ export default function ProductForm() {
           </div>
 
           {!isNew && product && isAdmin && (
-            <div style={{ marginTop: "var(--sp-2)" }}>
+            <div style={{ marginTop: "var(--sp-2)", marginBottom: "var(--sp-5)" }}>
               <div className="card-head" style={{ marginBottom: "var(--sp-1)" }}>
                 <Icon name="location" size={16} />
                 <h3 style={{ margin: 0 }}>Mindestbestand je Lagerort</h3>