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 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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user