From 480368a5da1acd082b32cdb854f179815dff56fb Mon Sep 17 00:00:00 2001
From: Agent Zero <agent@media-on.de>
Date: Wed, 16 Sep 2026 01:26:12 +0200
Subject: [PATCH] fix(CAD-12c): draw tab groups stack vertically + buttons wrap
 - all 48 tools visible without scroll

---
 frontend/src/styles.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index e8ae963..e959c55 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -384,11 +384,11 @@ a:hover { text-decoration: underline; }
   display: flex;
   flex-direction: column;
   align-items: center;
-  height: 100%;
   padding: 4px 0;
   position: relative;
+  max-width: 100%;
 }
-.ribbon-group-btns { display: flex; align-items: center; gap: 2px; flex: 1; }
+.ribbon-group-btns { display: flex; align-items: center; gap: 2px; flex: 1; flex-wrap: wrap; justify-content: center; }
 .ribbon-group-label {
   font-size: 11px;
   color: var(--color-text-muted);
@@ -3086,9 +3086,9 @@ body.drawer-open { overflow: hidden; }
 /* ─── CAD-10: Zeichnen-Tab V2-Buttons ─── */
 .ribbon-draw-content {
   display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding: 4px 0;
+  flex-direction: column;
+  gap: 2px;
+  padding: 2px 0;
   width: 100%;
 }
 .ribbon-v2-btn {