From 4317d57528e23d3f20e2869425ff8ee350c96acc Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 21:06:03 +0000
Subject: [PATCH] Improve search bar appearance and functionality across the
 platform

Update the CSS class for search input elements in multiple pages to increase width from w-48 to w-56, enhancing visual appeal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
---
 attached_assets/image_1756760722936.png   | Bin 0 -> 5655 bytes
 client/src/pages/FolxStadlPage.tsx        |   2 +-
 client/src/pages/GeschichteLiedPage.tsx   |   2 +-
 client/src/pages/GipfelstammtischPage.tsx |   2 +-
 client/src/pages/VideoPage.tsx            |   2 +-
 client/src/pages/home.tsx                 |   2 +-
 6 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 attached_assets/image_1756760722936.png

diff --git a/attached_assets/image_1756760722936.png b/attached_assets/image_1756760722936.png
new file mode 100644
index 0000000000000000000000000000000000000000..303e05cb2f958e73a19a739dfa1e7b1396ab4338
GIT binary patch
literal 5655
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
UZsbJ%nM<LkW1wAr?@7e}0hvC2qyPW_

literal 0
HcmV?d00001

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 69a8a98..e088f9a 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -100,7 +100,7 @@ export default function FolxStadlPage() {
                     placeholder="Search..."
                     value={searchQuery}
                     onChange={(e) => setSearchQuery(e.target.value)}
-                    className="bg-white border border-gray-300 rounded-lg px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-48"
+                    className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
                   />
                   <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
                 </div>
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index fb0bc29..ad9177c 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -102,7 +102,7 @@ export default function GeschichteLiedPage() {
                     placeholder="Search..."
                     value={searchQuery}
                     onChange={(e) => setSearchQuery(e.target.value)}
-                    className="bg-white border border-gray-300 rounded-lg px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-48"
+                    className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
                   />
                   <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
                 </div>
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 28108c9..feeae76 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -102,7 +102,7 @@ export default function GipfelstammtischPage() {
                     placeholder="Search..."
                     value={searchQuery}
                     onChange={(e) => setSearchQuery(e.target.value)}
-                    className="bg-white border border-gray-300 rounded-lg px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-48"
+                    className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
                   />
                   <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
                 </div>
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 59ab25d..4cafc4c 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -279,7 +279,7 @@ export default function VideoPage() {
                     placeholder="Search..."
                     value={searchQuery}
                     onChange={(e) => setSearchQuery(e.target.value)}
-                    className="bg-white border border-gray-300 rounded-lg px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-48"
+                    className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
                   />
                   <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
                 </div>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 1a69983..4e7b2a7 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -105,7 +105,7 @@ export default function Home() {
                     placeholder="Search..."
                     value={searchQuery}
                     onChange={(e) => setSearchQuery(e.target.value)}
-                    className="bg-white border border-gray-300 rounded-lg px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-48"
+                    className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
                   />
                   <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
                 </div>