From 45b318fc98e6f38249f8c4db689da404abc36b16 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Sun, 27 Sep 2026 19:55:44 +0200
Subject: [PATCH] fix(theseus): favorites chips share the row instead of a
 fixed width

Each chip was a fixed 150 px, so the newest ones ran out of the row
and out of sight. Chips now take the full width while there is room
and shrink together as more are saved, down to an icon and a few
letters, before the row overflows.
---
 chrome.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/chrome.html b/chrome.html
index 0d6881bc..87fad454 100644
--- a/chrome.html
+++ b/chrome.html
@@ -384,7 +384,10 @@
   /* Fixed width (not max-width) so every chip is the same size — the row
      reads as a grid. Title-only labels keep this width workable; renderer
      trims descriptors after " — ". */
-  .bm { display: flex; align-items: center; gap: 6px; width: 150px; flex: 0 0 150px; padding: 4px 10px; border-radius: 6px;
+  /* Chips share the row: full width while there is room, shrinking together
+     (down to an icon and a few letters) as more are saved, instead of a
+     fixed 150 px that pushed the newest ones out of sight. */
+  .bm { display: flex; align-items: center; gap: 6px; flex: 1 1 150px; min-width: 44px; max-width: 150px; padding: 4px 10px; border-radius: 6px;
         background: var(--surface2); border: 1px solid var(--hover); color: var(--mut); font-size: 12.5px; cursor: grab; white-space: nowrap; }
   .bm:hover { background: var(--active); color: var(--ink); }
   .bm.dragging { opacity: .45; cursor: grabbing; }