Toolbar layout fixed

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.

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.

frontend/static/style.css

@@ -231,6 +231,7 @@ body::selection {
 }
 
 .header-tools .toolbar input {
+  width: 100%;
   min-width: 0;
   padding: 6px 8px;
 }

frontend/templates/feed.html

@@ -38,9 +38,11 @@
               </nav>
             </div>
             <section class="toolbar">
-              <label class="search-control">
+              <label>
-                Search
+                Tag filter
-                <input id="search-input" type="search" placeholder="Search links" autocomplete="off" aria-label="Search links" />
+                <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>
+              <label class="search-control">
-                Tag filter
+                Search
-                <select id="tag-filter">
+                <input id="search-input" type="search" placeholder="Search links" autocomplete="off" aria-label="Search links" />
-                  <option value="">All tags</option>
-                </select>
               </label>
             </section>
           </div>