Fix postcode search layout and placeholder styling
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m6s
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:
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user