diff --git a/internal/web/static/app.css b/internal/web/static/app.css index 1ce3324..a670471 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -255,7 +255,6 @@ input:focus, textarea:focus { outline: none; border-color: var(--accent); box-sh /* Hidden here (shown from 900px below): on the phone bar the team switcher lives in the topbar instead, as #team-selector-mobile. */ .nav-team-selector { display: none; } -.nav-link-secondary { display: none; } .nav-link { position: relative; /* flex: 1 spreads the tabs evenly across the bar's width; the desktop @@ -267,6 +266,10 @@ input:focus, textarea:focus { outline: none; border-color: var(--accent); box-sh what stops six tabs widening the bar past the screen. */ min-width: 0; padding: 0 2px; } +/* Must come after .nav-link above: same specificity (one class each), so + whichever is later in the file wins for an element wearing both classes, + and this needs to beat .nav-link's display:flex here on the phone bar. */ +.nav-link-secondary { display: none; } .nav-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }