Fix #51: Fokus-Toggle-Leiste verdeckt 'Als Geometrie uebernehmen' nicht mehr

Die schwebende Chrome-Toggle-Leiste (oben rechts, z-50) lag mit ihren vier
Buttons ueber dem rechten Ende des Zeichnen-Headers und fing Klicks auf den
'Als Geometrie uebernehmen'-Button ab. Jetzt ist normal nur der Fokus-Button
sichtbar (kleine Klick-Flaeche in der Ecke); die drei Leisten-Toggles klappen
erst beim Hover nach links auf. Zusaetzlich kleiner Rechts-Gutter (pr-10) im
Zeichnen-Header.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: MadGapun

frontend/src/App.tsx

@@ -135,35 +135,41 @@ function ChromeToggleBar({
   onToggleFokus: () => void;
 }) {
   return (
-    <div className="pointer-events-none absolute right-2 top-2 z-50 flex gap-1 opacity-30 transition-opacity hover:opacity-100">
+    // #51: container faengt keine Klicks ab (pointer-events-none); nur die
+    // Buttons selbst. Im Normalfall ist nur der Fokus-Button sichtbar (kleine
+    // Klick-Flaeche in der Ecke), die drei Chrome-Toggles klappen erst beim
+    // Hover nach links auf — so liegt nichts Klickbares ueber den View-Buttons.
+    <div className="group pointer-events-none absolute right-2 top-2 z-50 flex items-start gap-1">
+      <div className="hidden gap-1 opacity-30 transition-opacity group-hover:flex group-hover:opacity-100">
+        <Btn
+          title={`Sidebar ${sidebar ? "ausblenden" : "einblenden"} (B)`}
+          aktiv={sidebar}
+          onClick={onToggleSidebar}
+        >
+          ▤
+        </Btn>
+        <Btn
+          title={`Topbar ${topbar ? "ausblenden" : "einblenden"} (T)`}
+          aktiv={topbar}
+          onClick={onToggleTopbar}
+        >
+          ▔
+        </Btn>
+        <Btn
+          title={`Statusbar ${statusbar ? "ausblenden" : "einblenden"}`}
+          aktiv={statusbar}
+          onClick={onToggleStatusbar}
+        >
+          ▁
+        </Btn>
+      </div>
       <Btn
-        title={fokus ? "Fokus verlassen (F oder Esc)" : "Fokus-Modus: alle Leisten aus (F)"}
+        title={fokus ? "Fokus verlassen (F oder Esc)" : "Fokus-Modus: alle Leisten aus (F) — hover fuer mehr"}
         aktiv={fokus}
         onClick={onToggleFokus}
       >
         {fokus ? "◰" : "▣"}
       </Btn>
-      <Btn
-        title={`Sidebar ${sidebar ? "ausblenden" : "einblenden"} (B)`}
-        aktiv={sidebar}
-        onClick={onToggleSidebar}
-      >
-        ▤
-      </Btn>
-      <Btn
-        title={`Topbar ${topbar ? "ausblenden" : "einblenden"} (T)`}
-        aktiv={topbar}
-        onClick={onToggleTopbar}
-      >
-        ▔
-      </Btn>
-      <Btn
-        title={`Statusbar ${statusbar ? "ausblenden" : "einblenden"}`}
-        aktiv={statusbar}
-        onClick={onToggleStatusbar}
-      >
-        ▁
-      </Btn>
     </div>
   );
 }

frontend/src/views/ZeichnenView.tsx

@@ -261,7 +261,7 @@ export default function ZeichnenView() {
 
   return (
     <div className="space-y-2">
-      <div className="flex items-center justify-between">
+      <div className="flex items-center justify-between pr-10">
         <h1 className="text-xl font-bold">Integriertes Zeichnen</h1>
         <div className="flex items-center gap-2 text-xs">
           <label>