From bffd647a3ed9997a16bfac174c5a7cead3716c3a Mon Sep 17 00:00:00 2001
From: Kolkman <olaf@xolx.nl>
Date: Sat, 5 Sep 2026 08:45:39 +0200
Subject: [PATCH] Toolbar layout fixed

---
 VIBE/CHAT_LOG.md             | 12 ++++++++++++
 VIBE/PROMPTS.md              |  5 +++++
 frontend/static/style.css    |  1 +
 frontend/templates/feed.html | 16 ++++++++--------
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/VIBE/CHAT_LOG.md b/VIBE/CHAT_LOG.md
index 2b21a15..42564b4 100644
--- a/VIBE/CHAT_LOG.md
+++ b/VIBE/CHAT_LOG.md
@@ -1549,3 +1549,15 @@ use basic symbols and operators such as with google, and only 'site:' as advance
 
 ### Assistant outcome
 Added toolbar search filtering for link title, URL, comment, username, and tags. The query supports implicit AND terms, quoted phrases, `OR`, `-` exclusions, and the `site:` host operator; other advanced operators are treated as ordinary text. Search preferences persist with the existing feed cookie and the rendered-feed regression assertions cover the implementation. JavaScript syntax validation passed; the API suite had 35 passing tests and one unrelated existing Mastodon timestamp assertion expecting text without `UTC`.
+
+### User
+In firefox the search input field is wider (at 180px) then labe search control (at 135.5px)
+
+### Assistant outcome
+Updated the header toolbar search input to use `width: 100%` with its existing zero minimum width, keeping it inside the flexed search label in Firefox. The focused rendered-feed test passed and `git diff --check` reported no issues.
+
+### User
+In the toolbar switch the search and tag filter's location
+
+### Assistant outcome
+Swapped the toolbar positions of the Search and Tag filter controls while preserving their existing IDs and behavior. The rendered-page regression passed, the template order was verified as Tag, Sort, User, Search, and `git diff --check` passed.
diff --git a/VIBE/PROMPTS.md b/VIBE/PROMPTS.md
index 2482d34..ed7602d 100644
--- a/VIBE/PROMPTS.md
+++ b/VIBE/PROMPTS.md
@@ -294,6 +294,11 @@ Where date format is like: 2026 August 29 - 21:10
 
 253. Document all code
 
+## 2026-09-05
+
+254. In firefox the search input field is wider (at 180px) then labe search control (at 135.5px)
+255. In the toolbar switch the search and tag filter's location
+
 ## Future entries
 
 Append each new user prompt here with its date and preserve the chronological order.
diff --git a/frontend/static/style.css b/frontend/static/style.css
index a183d21..bd255fc 100644
--- a/frontend/static/style.css
+++ b/frontend/static/style.css
@@ -231,6 +231,7 @@ body::selection {
 }
 
 .header-tools .toolbar input {
+  width: 100%;
   min-width: 0;
   padding: 6px 8px;
 }
diff --git a/frontend/templates/feed.html b/frontend/templates/feed.html
index 593c864..ba14223 100644
--- a/frontend/templates/feed.html
+++ b/frontend/templates/feed.html
@@ -38,9 +38,11 @@
               </nav>
             </div>
             <section class="toolbar">
-              <label class="search-control">
-                Search
-                <input id="search-input" type="search" placeholder="Search links" autocomplete="off" aria-label="Search links" />
+              <label>
+                Tag filter
+                <select id="tag-filter">
+                  <option value="">All tags</option>
+                </select>
               </label>
               <label>
                 Sort
@@ -55,11 +57,9 @@
                   <option value="">All users</option>
                 </select>
               </label>
-              <label>
-                Tag filter
-                <select id="tag-filter">
-                  <option value="">All tags</option>
-                </select>
+              <label class="search-control">
+                Search
+                <input id="search-input" type="search" placeholder="Search links" autocomplete="off" aria-label="Search links" />
               </label>
             </section>
           </div>