Fix button wrapping and add scale bar control

- Add whiteSpace: nowrap to Get Directions button to prevent text wrap
- Add ScaleControl (imperial units) to bottom-right of map
- Add dark theme styling for scale bar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Matt 2026-04-28 22:06:35 +00:00
commit 0ba8911100
3 changed files with 20 additions and 1 deletions

View file

@ -561,3 +561,16 @@ body {
.contact-item:hover {
background: var(--bg-overlay);
}
/* Scale control - dark theme styling */
.maplibregl-ctrl-scale {
background-color: rgba(0, 0, 0, 0.6);
border: 2px solid rgba(255, 255, 255, 0.3);
border-top: none;
color: rgba(255, 255, 255, 0.9);
font-size: 11px;
font-weight: 500;
padding: 0 5px;
line-height: 1.5;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}