diff --git a/src/style.css b/src/style.css index d5b79c3..f05c22f 100644 --- a/src/style.css +++ b/src/style.css @@ -955,10 +955,11 @@ kbd { border-radius: 9px; font-size: 11.5px; } -.aux-row .aux-chk { flex: 1 1 auto; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.aux-row .aux-chk { flex: 1 1 120px; min-width: 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aux-row .aux-chk small { opacity: 0.6; } -.aux-row .aux-mode { flex: 0 0 auto; padding: 4px 6px; font-size: 11px; } -.aux-row .aux-fx { flex: 1 1 auto; display: flex; gap: 4px; min-width: 0; } +/* the global control select is width:100%: pin flex sizes explicitly */ +.aux-row .aux-mode { flex: 0 0 170px; width: 170px; padding: 4px 6px; font-size: 11px; } +.aux-row .aux-fx { flex: 1 1 220px; display: flex; gap: 4px; min-width: 0; } .aux-row .aux-fx select { flex: 1; min-width: 0; padding: 4px 6px; font-size: 11px; } .aux-row .aux-img { flex: 0 0 auto; width: auto; padding: 4px 8px; font-size: 11px; } .aux-row .aux-img-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.75; }