The room-member mod-actions row was hardcoded grid-auto-flow: column; grid-auto-columns: max-content; which forces every button onto one non-wrapping line. After adding the per-speaker "stream" toggle the strip got long enough (stream + → cohost + → listener + kick + ban) to overflow the side panel on common widths — kicked the page into horizontal scroll. Swap to grid-template-columns: repeat(auto-fit, max-content); so buttons flow onto a second row when the panel is narrow. Still grid (no flex per project rule). Doesn't change appearance on wide panels — only kicks in when the button strip wouldn't fit on one line. |
||
|---|---|---|
| .. | ||
| blog | ||
| fonts | ||
| chat.html | ||
| host-your-own.html | ||
| how-it-works.html | ||
| index.html | ||
| kernel.html | ||
| stamp.js | ||
| zebra-audio.html | ||
| zebra-spaces.html | ||