From 38b0ff6263e54e54e2fcc7f6c7ea3e6f34bb8c08 Mon Sep 17 00:00:00 2001
From: Cordero Core <127983572+cdcore09@users.noreply.github.com>
Date: Mon, 10 Aug 2026 04:39:36 -0700
Subject: [PATCH] fix(vault): let the list toolbar wrap instead of overflowing
 (#348)

.list-head is a single-line flex row whose buttons are nowrap and
cannot shrink below their labels. The duplicates view adds a detection
mode select and a Select-duplicates button to the standard
search/sort/sync set, exceeding the list column (capped at 540px on
desktop), so the shrinkable controls crush to slivers and the fixed
buttons overlap and spill out of the column. Allow wrapping: views
that fit stay on one line; crowded toolbars flow to a second row.
Mobile is unaffected (it switches .list-head to its own grid).
---
 webapp/src/styles/vault.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/styles/vault.css b/webapp/src/styles/vault.css
index 24993ec..097d76b 100644
--- a/webapp/src/styles/vault.css
+++ b/webapp/src/styles/vault.css
@@ -230,7 +230,7 @@ select.input.duplicate-mode-toolbar-select {
 }
 
 .list-head {
-  @apply mb-1.5 flex items-center gap-2;
+  @apply mb-1.5 flex flex-wrap items-center gap-2;
   min-height: 34px;
 }