From f11162ebfbda9e21a76f825078e262eb294869eb Mon Sep 17 00:00:00 2001
From: patrick <patrick@perlbach24.de>
Date: Fri, 4 Sep 2026 23:09:29 +0200
Subject: [PATCH] =?UTF-8?q?fix(admin):=20"Material=20hinzuf=C3=BCgen"=20in?=
 =?UTF-8?q?=20die=20Kartenspalte=20verschoben?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Saß bisher als volle Bar über Sidebar+Kartenspalte (Screenshot-Fund) - jetzt
Teil der rechten Kartenspalte, direkt über der Positionsliste. Sidebar wird
nur noch gerendert, wenn Positionen existieren (Edge-Case: leeres Objekt
konnte bisher kein erstes Material bekommen, da der ganze Bereich hinter
positionen.length>0 hing).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
---
 .../src/pages/admin/ObjektPositionenPanel.tsx | 110 +++++++++---------
 1 file changed, 54 insertions(+), 56 deletions(-)

diff --git a/frontend/src/pages/admin/ObjektPositionenPanel.tsx b/frontend/src/pages/admin/ObjektPositionenPanel.tsx
index 18e1aaf..0684811 100644
--- a/frontend/src/pages/admin/ObjektPositionenPanel.tsx
+++ b/frontend/src/pages/admin/ObjektPositionenPanel.tsx
@@ -152,66 +152,66 @@ export function ObjektPositionenPanel({ objektId, vorlageId, materialien, onFehl
   const verfuegbareMaterialien = materialien.filter((m) => !vorhandeneMaterialIds.has(m.id));
 
   return (
-    <div>
-      <div className="row" style={{ flexWrap: "wrap", marginBottom: "1rem" }}>
-        <select
-          className="input"
-          value={neuesMaterialId}
-          onChange={(e) => setNeuesMaterialId(Number(e.target.value) || "")}
-        >
-          <option value="">Material hinzufügen…</option>
-          {verfuegbareMaterialien.map((m) => (
-            <option key={m.id} value={m.id}>
-              {m.name}
-            </option>
-          ))}
-        </select>
-        <input
-          type="number"
-          min="0"
-          className="input"
-          style={{ maxWidth: "8rem" }}
-          placeholder="Sollmenge"
-          value={neueSollmenge}
-          onChange={(e) => setNeueSollmenge(e.target.value)}
-        />
-        <button
-          className="btn btn-secondary"
-          onClick={materialHinzufuegen}
-          disabled={neuesMaterialId === "" || !neueSollmenge || wirdHinzugefuegt}
-        >
-          Hinzufügen
-        </button>
-      </div>
-
-      {positionen.length === 0 && <p className="text-muted">Keine Positionen in diesem Objekt.</p>}
-
+    <div style={{ display: "flex", flexDirection: "row", alignItems: "flex-start", gap: "1.25rem" }}>
       {positionen.length > 0 && (
-        <div style={{ display: "flex", flexDirection: "row", alignItems: "flex-start", gap: "1.25rem" }}>
-          <nav
-            className="card"
-            style={{ flex: "0 0 12rem", width: "12rem", boxSizing: "border-box", padding: "0.5rem" }}
+        <nav
+          className="card"
+          style={{ flex: "0 0 12rem", width: "12rem", boxSizing: "border-box", padding: "0.5rem" }}
+        >
+          <button
+            className={aktivesFach === null ? "btn btn-primary btn-block" : "btn btn-secondary btn-block"}
+            style={{ marginBottom: "0.3rem" }}
+            onClick={() => setAktivesFach(null)}
           >
+            Alle ({positionen.length})
+          </button>
+          {fachGruppen.map(([fach, gruppenPositionen]) => (
             <button
-              className={aktivesFach === null ? "btn btn-primary btn-block" : "btn btn-secondary btn-block"}
+              key={fach}
+              className={aktivesFach === fach ? "btn btn-primary btn-block" : "btn btn-secondary btn-block"}
               style={{ marginBottom: "0.3rem" }}
-              onClick={() => setAktivesFach(null)}
+              onClick={() => setAktivesFach(fach)}
             >
-              Alle ({positionen.length})
+              {fach} ({gruppenPositionen.length})
             </button>
-            {fachGruppen.map(([fach, gruppenPositionen]) => (
-              <button
-                key={fach}
-                className={aktivesFach === fach ? "btn btn-primary btn-block" : "btn btn-secondary btn-block"}
-                style={{ marginBottom: "0.3rem" }}
-                onClick={() => setAktivesFach(fach)}
-              >
-                {fach} ({gruppenPositionen.length})
-              </button>
-            ))}
-          </nav>
+          ))}
+        </nav>
+      )}
+
+      <div style={{ flex: "1 1 0%", minWidth: 0 }}>
+        <div className="row" style={{ flexWrap: "wrap", marginBottom: "1rem" }}>
+          <select
+            className="input"
+            value={neuesMaterialId}
+            onChange={(e) => setNeuesMaterialId(Number(e.target.value) || "")}
+          >
+            <option value="">Material hinzufügen…</option>
+            {verfuegbareMaterialien.map((m) => (
+              <option key={m.id} value={m.id}>
+                {m.name}
+              </option>
+            ))}
+          </select>
+          <input
+            type="number"
+            min="0"
+            className="input"
+            style={{ maxWidth: "8rem" }}
+            placeholder="Sollmenge"
+            value={neueSollmenge}
+            onChange={(e) => setNeueSollmenge(e.target.value)}
+          />
+          <button
+            className="btn btn-secondary"
+            onClick={materialHinzufuegen}
+            disabled={neuesMaterialId === "" || !neueSollmenge || wirdHinzugefuegt}
+          >
+            Hinzufügen
+          </button>
+        </div>
+
+        {positionen.length === 0 && <p className="text-muted">Keine Positionen in diesem Objekt.</p>}
 
-          <div style={{ flex: "1 1 0%", minWidth: 0 }}>
       <ul className="card-list">
         {sichtbarePositionen.map((p) => {
           const typ = materialtyp(p.material_id);
@@ -295,9 +295,7 @@ export function ObjektPositionenPanel({ objektId, vorlageId, materialien, onFehl
           );
         })}
       </ul>
-          </div>
-        </div>
-      )}
+      </div>
     </div>
   );
 }