From 4f0ae5ee184e3dbb5e93ce970c5d8598002ba93b Mon Sep 17 00:00:00 2001
From: Andreas Knuth <andreas.knuth@gmail.com>
Date: Fri, 12 Jun 2026 11:04:14 -0500
Subject: [PATCH] dsfsdf

---
 public/js/views/invoice-view.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/js/views/invoice-view.js b/public/js/views/invoice-view.js
index d19fde3..9b29dcf 100644
--- a/public/js/views/invoice-view.js
+++ b/public/js/views/invoice-view.js
@@ -563,7 +563,7 @@ export function injectToolbar() {
     if (!c) return;
     c.innerHTML = `
         <div class="space-y-2 mb-4 p-4 bg-white rounded-lg shadow-sm border border-gray-200">
-            <div class="flex flex-wrap items-center gap-3">
+            <div class="flex items-center gap-3">
                 <div class="flex items-center gap-1 border border-gray-300 rounded-lg p-1 bg-gray-100">
                     <button data-status-filter="all" onclick="window.invoiceView.setStatus('all')"
                         class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">All</button>
@@ -587,10 +587,10 @@ export function injectToolbar() {
                         <span id="overdue-badge" class="hidden absolute -top-1.5 -right-1.5 bg-red-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
                 </div>
                 <div class="w-px h-8 bg-gray-300"></div>
-                <div class="flex items-center gap-2">
+                <div class="flex items-center gap-2 flex-1 min-w-0 max-w-[280px]">
                     <label class="text-sm font-medium text-gray-700">Customer:</label>
                     <input type="text" id="invoice-filter-customer" placeholder="Filter by name..." value="${filterCustomer}"
-                           class="px-3 py-1.5 border border-gray-300 rounded-md text-sm flex-1 min-w-[140px] max-w-[280px] focus:ring-blue-500 focus:border-blue-500">
+                           class="w-full px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:ring-blue-500 focus:border-blue-500">
                 </div>
                 <div class="w-px h-8 bg-gray-300"></div>
                 <div class="flex items-center gap-2">
@@ -610,10 +610,10 @@ export function injectToolbar() {
                     </select>
                 </div>
                 <div class="w-px h-8 bg-gray-300"></div>
-                <div class="flex items-center gap-2">
+                <div class="flex items-center gap-2 flex-1 min-w-0 max-w-[280px]">
                     <label class="text-sm font-medium text-gray-700">Item:</label>
                     <input type="text" id="invoice-filter-item-search" placeholder="Search descriptions..." value="${filterItemSearch}"
-                           class="px-3 py-1.5 border border-gray-300 rounded-md text-sm flex-1 min-w-[140px] max-w-[280px] focus:ring-blue-500 focus:border-blue-500">
+                           class="w-full px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:ring-blue-500 focus:border-blue-500">
                 </div>
             </div>
             <div class="flex items-center gap-3">