diff --git a/internal/web/static/app.css b/internal/web/static/app.css index dfb9a2b..c0e3200 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -638,6 +638,10 @@ kbd { .view-queue .pane { overflow: auto; height: 100dvh; } .pane-list { border-right: 1px solid var(--border); } .pane-list .chips { position: sticky; top: 0; z-index: 2; background: var(--bg); padding-top: 16px; } + /* The pane is 340-420px wide and a mouse cannot scroll a row whose scrollbar + is hidden, so the chips wrap here instead: Archived stays reachable. */ + .pane-list .chips { flex-wrap: wrap; overflow-x: visible; } + .pane-list .chip-sep { display: none; } .view-queue:not(.has-detail) .pane-detail { display: block; } /* On desktop the list stays visible next to the detail. */