diff --git a/apps/web/src/app.css b/apps/web/src/app.css index 1ba6ca163..1f8ff7c2b 100644 --- a/apps/web/src/app.css +++ b/apps/web/src/app.css @@ -2400,11 +2400,6 @@ a.drawer-li:hover, } /* Bench drawer Insights and Members tabs */ -.drawer-stack { - display: flex; - flex-direction: column; - gap: 1rem; -} .drawer-link { align-self: flex-start; font-size: 0.85rem; diff --git a/apps/web/src/bench/drawer.css b/apps/web/src/bench/drawer.css index 3a50ad2c3..98c724d7f 100644 --- a/apps/web/src/bench/drawer.css +++ b/apps/web/src/bench/drawer.css @@ -103,11 +103,16 @@ padding: 0; flex: 0 0 auto; } +/* Overlapping avatars; each after the first is ringed by the surface. */ .drawer-stack { - display: flex; + display: inline-flex; + align-items: center; + flex: 0 0 auto; } .drawer-stack > * + * { margin-left: -6px; + box-shadow: 0 0 0 2px var(--surface); + border-radius: 8px; } .drawer-pill { display: inline-flex; diff --git a/apps/web/src/pages/new-workbench-picker.tsx b/apps/web/src/pages/new-workbench-picker.tsx index ac3c52f79..01534b10a 100644 --- a/apps/web/src/pages/new-workbench-picker.tsx +++ b/apps/web/src/pages/new-workbench-picker.tsx @@ -82,7 +82,7 @@ export function NewWorkbenchPickerRoute() { return (
- +
{create.isPending ? ( // `delayMs={0}`: a genuine wait the instant the person sends.