sky form: flip label margins so each label hugs its own input below; zero geo-btn vertical margin so birth place doesn't drift

.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 <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>

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;