From 3beedc3f0a96c069283b69c80754e108f789e5b9 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Fri, 8 May 2026 12:00:03 -0400 Subject: [PATCH] sky form: flip label margins so each label hugs its own input below; zero geo-btn vertical margin so birth place doesn't drift MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .sky-field gap goes 0.25rem → 0 so label sits flush above its own input. Field-to-field spacing moves into a `& + & { margin-top: 0.4rem }` rule; small explanation text gets margin-top:0.2rem so it stays separated from the input it annotates. .sky-coords inner column gap zeroed for parity. .sky-place-wrap zeroes the geo button's inherited 4px top/bottom margin from .btn — without that, the wrap was 40px tall (vs 33px input) and align-items:center pushed the place input 4px below its label, leaving birth place as the lone field with a visible label-input gap. Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Sonnet 4.6 --- src/static_src/scss/_sky.scss | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/static_src/scss/_sky.scss b/src/static_src/scss/_sky.scss index b5a546f..ddf9d5f 100644 --- a/src/static_src/scss/_sky.scss +++ b/src/static_src/scss/_sky.scss @@ -182,7 +182,11 @@ html.sky-open .sky-modal-wrap { .sky-field { display: flex; flex-direction: column; - gap: 0.25rem; + gap: 0; + + & + & { + margin-top: 0.4rem; + } label { font-size: 0.6rem; @@ -219,6 +223,7 @@ html.sky-open .sky-modal-wrap { font-size: 0.58rem; opacity: 0.45; line-height: 1.3; + margin-top: 0.2rem; } } @@ -231,7 +236,7 @@ html.sky-open .sky-modal-wrap { align-items: center; input { flex: 1; min-width: 0; } - .btn-sm { flex-shrink: 0; } + .btn-sm { flex-shrink: 0; margin-top: 0; margin-bottom: 0; } } // Nominatim suggestion dropdown @@ -282,7 +287,7 @@ html.sky-open .sky-modal-wrap { min-width: 0; display: flex; flex-direction: column; - gap: 0.25rem; + gap: 0; label { font-size: 0.6rem;