From 29c5f1ff817a066767901249e45ad876d07d244f Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Mon, 16 Mar 2026 16:08:45 +0100
Subject: [PATCH] fix: improve visibility of person search input

Added white background, explicit border, and rounded corners to make
the search field clearly visible against the sand-colored page background.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/persons/+page.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/routes/persons/+page.svelte b/frontend/src/routes/persons/+page.svelte
index f6527468..019195e6 100644
--- a/frontend/src/routes/persons/+page.svelte
+++ b/frontend/src/routes/persons/+page.svelte
@@ -25,16 +25,16 @@
         </div>
 
         <!-- Search Input -->
-        <div class="w-full md:w-72">
+        <div class="w-full md:w-80">
             <label for="search" class="sr-only">Suche</label>
             <div class="relative">
-                <input 
+                <input
                     id="search"
-                    type="text" 
-                    placeholder="Namen suchen..." 
-                    value={data.q || ''} 
+                    type="text"
+                    placeholder="Namen suchen..."
+                    value={data.q || ''}
                     on:input={handleSearch}
-                    class="block w-full border-gray-300 shadow-sm focus:border-brand-navy focus:ring-brand-navy placeholder-gray-400 py-2 pl-3 pr-10 text-sm font-sans"
+                    class="block w-full rounded-sm border border-gray-300 bg-white py-2.5 pr-10 pl-4 text-sm font-sans text-brand-navy shadow-sm placeholder-gray-400 focus:border-brand-navy focus:ring-1 focus:ring-brand-navy focus:outline-none"
                 />
                 <div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-gray-400">
                     <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>