diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css index 511a9a91..960987fa 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css @@ -1531,15 +1531,16 @@ small { color: var(--text-muted); } align-items: center; gap: 0.2rem; min-width: 0; - /* Never wraps and never scrolls: the occasional destinations live behind - * More, so four tabs plus More always fit. overflow-x here would clip the - * dropdown this element anchors. */ + /* Never wraps. It must still be able to shrink below its content, or it + * overlaps the controls; the menus it anchors are reparented to the body on + * open, so clipping here no longer reaches them. */ flex-wrap: nowrap; + overflow: hidden; } .tab-bar-nav .tab { flex: 0 0 auto; } /* Icons before scrolling: every tab already carries one, and four icons plus * More always fit, so the strip never has to hide a destination. */ -@media (max-width: 1180px) and (min-width: 701px) { +@media (max-width: 1360px) and (min-width: 701px) { .tab-bar-nav .tab .tab-label { display: none; } .tab-bar-nav .tab .tab-icon, .tab-bar-nav .tab .tab-more-icon { display: block; } .tab-bar-nav .tab { padding: 0.5rem 0.6rem; } @@ -5187,7 +5188,6 @@ body[data-operator-layout="broadcast"] #cw-bar-overlay { display: flex; flex-direction: column; gap: 1rem; - padding: 1rem; } .stats-controls { display: flex;