From 0ee268ba82013ccbdc2b635fcd26f44c61452945 Mon Sep 17 00:00:00 2001 From: Codeman maintainer Date: Thu, 23 Jul 2026 23:36:38 +0200 Subject: [PATCH] fix(ui): stop the centered voice button overlapping the case picker .toolbar-center is absolutely centered (left: 50%), so on viewports below ~1500px, or with long case names widening the left toolbar group, the voice button rendered on top of the case picker's chevron and the + button. Below 1500px it now falls back into normal flex flow where overlap is impossible; wide viewports keep the centered layout. Co-Authored-By: Claude Fable 5 --- src/web/public/styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/web/public/styles.css b/src/web/public/styles.css index dc33b0c0..a29a8606 100644 --- a/src/web/public/styles.css +++ b/src/web/public/styles.css @@ -3152,6 +3152,17 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea { transform: translateX(-50%); } +/* Below ~1500px the absolutely-centered group can land on top of the case + picker (the left group widens with the case name), so fall back to normal + flex flow where overlap is impossible */ +@media (max-width: 1500px) { + .toolbar-center { + position: static; + transform: none; + margin-left: 0.4rem; + } +} + .version-display { font-family: 'SF Mono', Monaco, monospace; font-size: 0.6rem;