From 423aece15f80b2f21b2a1ff7499cab638f599661 Mon Sep 17 00:00:00 2001
From: patrick <patrick@perlbach24.de>
Date: Fri, 4 Sep 2026 22:56:06 +0200
Subject: [PATCH] fix(admin): Fach-Sidebar bricht Layout - explizite
 Flex-Breite statt minWidth

Sidebar wuchs auf fast volle Containerbreite statt schmal zu bleiben (Screen-
shot-Fund). flex:"0 0 12rem" + explizite width statt nur minWidth, position:
sticky entfernt (unklarer Faktor, nicht essentiell).

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

diff --git a/frontend/src/pages/admin/ObjektPositionenPanel.tsx b/frontend/src/pages/admin/ObjektPositionenPanel.tsx
index 55f613c..18e1aaf 100644
--- a/frontend/src/pages/admin/ObjektPositionenPanel.tsx
+++ b/frontend/src/pages/admin/ObjektPositionenPanel.tsx
@@ -187,10 +187,10 @@ export function ObjektPositionenPanel({ objektId, vorlageId, materialien, onFehl
       {positionen.length === 0 && <p className="text-muted">Keine Positionen in diesem Objekt.</p>}
 
       {positionen.length > 0 && (
-        <div className="row" style={{ alignItems: "flex-start", gap: "1.25rem" }}>
+        <div style={{ display: "flex", flexDirection: "row", alignItems: "flex-start", gap: "1.25rem" }}>
           <nav
             className="card"
-            style={{ minWidth: "11rem", flexShrink: 0, padding: "0.5rem", position: "sticky", top: "0.5rem" }}
+            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"}
@@ -211,7 +211,7 @@ export function ObjektPositionenPanel({ objektId, vorlageId, materialien, onFehl
             ))}
           </nav>
 
-          <div style={{ flex: 1, minWidth: 0 }}>
+          <div style={{ flex: "1 1 0%", minWidth: 0 }}>
       <ul className="card-list">
         {sichtbarePositionen.map((p) => {
           const typ = materialtyp(p.material_id);