Fix postcode search layout and placeholder styling
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m6s

- 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>
This commit is contained in:
Tudor
2026-01-07 15:16:04 +00:00
parent 63c1403f7d
commit c350216150
2 changed files with 6 additions and 3 deletions

View File

@@ -84,7 +84,7 @@
<div id="location-search-panel" class="search-panel"> <div id="location-search-panel" class="search-panel">
<div class="location-input-group"> <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"> <select id="radius-select" class="filter-select radius-select">
<option value="1">1 mile</option> <option value="1">1 mile</option>
<option value="2">2 miles</option> <option value="2">2 miles</option>

View File

@@ -320,7 +320,7 @@ body {
gap: 0.75rem; gap: 0.75rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: nowrap;
} }
.postcode-input { .postcode-input {
@@ -328,7 +328,10 @@ body {
max-width: 180px; max-width: 180px;
padding: 0.6rem 1rem; padding: 0.6rem 1rem;
font-size: 0.95rem; font-size: 0.95rem;
text-transform: uppercase; }
.postcode-input::placeholder {
text-transform: none;
} }
.radius-select { .radius-select {