From f0ca717ff9a50eaf133108a163c2cd011a0899af Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Sat, 21 Feb 2026 12:35:48 -0500 Subject: [PATCH] fix: restructure ring controls into 2-row grid layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- make_post_sell/static/css/common.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index e77564c..5ff18ef 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -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; }