From c350216150042fad4ad2352938c461748d45950e Mon Sep 17 00:00:00 2001
From: Tudor <tudor.sitaru@gmail.com>
Date: Wed, 7 Jan 2026 15:16:04 +0000
Subject: [PATCH] Fix postcode search layout and placeholder styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Keep postcode controls on one line (flex-wrap: nowrap)
- Remove uppercase transform from placeholder text
- Update placeholder to "Enter postcode..." for consistency

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/index.html | 2 +-
 frontend/styles.css | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 67d1b84..15eb338 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -84,7 +84,7 @@
 
                 <div id="location-search-panel" class="search-panel">
                     <div class="location-input-group">
-                        <input type="text" id="postcode-search" class="search-input postcode-input" placeholder="Postcode">
+                        <input type="text" id="postcode-search" class="search-input postcode-input" placeholder="Enter postcode...">
                         <select id="radius-select" class="filter-select radius-select">
                             <option value="1">1 mile</option>
                             <option value="2">2 miles</option>
diff --git a/frontend/styles.css b/frontend/styles.css
index c83f7dd..c4da3f8 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -320,7 +320,7 @@ body {
     gap: 0.75rem;
     align-items: center;
     justify-content: center;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 }
 
 .postcode-input {
@@ -328,7 +328,10 @@ body {
     max-width: 180px;
     padding: 0.6rem 1rem;
     font-size: 0.95rem;
-    text-transform: uppercase;
+}
+
+.postcode-input::placeholder {
+    text-transform: none;
 }
 
 .radius-select {