frontend: Konsistente Höhe für Zoom-Controls in collapsed/expanded State

- Feste Höhe von 28px für .zoomctl (collapsed und expanded)
- Padding für .zoomToggle angepasst auf 4px 8px (gleich wie andere Buttons)
- SVG-Größe auf 16x16 optimiert

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
mhoennig
2026-07-23 05:52:47 +02:00
co-authored by Claude Haiku 4.5
parent 640cb95c27
commit a4ea1f760a
+3 -2
View File
@@ -347,6 +347,7 @@
display:inline-flex;align-items:center;gap:2px;padding:2px;
background:var(--card);border:1px solid rgba(36,52,71,.18);
border-radius:8px;box-shadow:0 1px 4px rgba(36,52,71,.14);
height:28px;
}
.zoomctl button{
border:0;background:transparent;cursor:pointer;color:var(--muted);
@@ -355,8 +356,8 @@
}
#zoomReset{min-width:48px;font-size:.72rem}
.zoomctl button:hover{background:var(--paper);color:var(--or)}
.zoomToggle{display:none;padding:6px}
.zoomToggle svg{width:20px;height:20px}
.zoomToggle{display:none;padding:4px 8px}
.zoomToggle svg{width:16px;height:16px}
.zoomctl.collapsed .zoomToggle{display:block}
.zoomctl.collapsed .zoomcontrols{display:none}
.panel.collapsed .zoomctl{display:none}