From ab82577cdcc7a33078abb771ad70a8270d956b8b Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Wed, 3 Jun 2026 18:48:11 -0400 Subject: [PATCH] zebra-report: mod-actions wraps so stream toggle doesn't cause scroll Swap grid-auto-flow:column to grid-template-columns:repeat(auto-fit,max-content) so the now-5-button row wraps to a second line on narrow panels instead of overflowing horizontally. --- zebra-report/zebra-spaces.html | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/zebra-report/zebra-spaces.html b/zebra-report/zebra-spaces.html index 6540a61..6afa1dd 100644 --- a/zebra-report/zebra-spaces.html +++ b/zebra-report/zebra-spaces.html @@ -530,7 +530,13 @@ .mic { width: 18px; height: 18px; } .mic svg { width: 18px; height: 18px; display: block; } .mod-actions { - display: grid; grid-auto-flow: column; grid-auto-columns: max-content; + /* repeat(auto-fit, max-content) lets buttons wrap onto a second row + * when the panel is too narrow to hold them all on one line — was + * grid-auto-flow: column which forced a single non-wrapping line and + * the right edge of long button strips (stream + promote + demote + + * kick + ban) overflowed the side panel, triggering horizontal + * scroll. Grid still — no flex per the project rule. */ + display: grid; grid-template-columns: repeat(auto-fit, max-content); gap: 0.3rem; justify-content: start; margin-top: 0.2rem; @@ -4549,8 +4555,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');