engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

fix: restructure ring controls into 2-row grid layout

Browse source 
The controls bar was overflowing — "Next ▶" wrapped vertically. Switch
from single-row grid-auto-flow to a 3-column grid so items split into
two rows: toggles (Fresh/Reverse/Autoplay) on top, action buttons
(Karaoke/Random/Next) below. Reduce gap from 16px to 6×12px.
This commit is contained in:
russell@unturf.com 2026-02-21 12:35:48 -05:00
parent 5c9513daa2
commit f0ca717ff9
1 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
make_post_sell/static/css/common.css
View file

@ -2740,9 +2740,8 @@ textarea {
.ring-header-controls {
display: grid;
grid-auto-flow: column;
grid-auto-columns: auto;
gap: 16px;
grid-template-columns: repeat(3, auto);
gap: 6px 12px;
justify-content: end;
align-items: center;
}