discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
.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>
This commit is contained in:
Disco DeDisco
2026-05-08 12:00:03 -04:00
parent 9e68cfd8e4
commit 3beedc3f0a
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/static_src/scss/_sky.scss
View File

@@ -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;