From 05c9f9c079ee8c45b250f0a20ac07c020af4e89b Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Fri, 8 May 2026 12:27:47 -0400 Subject: [PATCH] sky.html post-save: stack SAVE SKY beneath form fields & vertically center the pair, parity w. wheel MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .sky-page .sky-form-col defaults to flex-row align-end (form-main left, btn bottom-right). Under body.sky-saved that pinned the SAVE SKY btn to the corner under the snap layout — fix is flex-direction:column + align-items:center + justify-content:center, gap:1rem so the btn sits a clear rem below the form-main. .sky-page .sky-form-main capped at max-width:22rem so the input pills don't stretch the full landscape-mobile aperture width. Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Sonnet 4.6 --- src/static_src/scss/_sky.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/static_src/scss/_sky.scss b/src/static_src/scss/_sky.scss index 9d2e7e5..6266e20 100644 --- a/src/static_src/scss/_sky.scss +++ b/src/static_src/scss/_sky.scss @@ -1003,6 +1003,23 @@ body.sky-saved { max-height: none; width: 100%; } + + // Stack form-main on top, SAVE SKY beneath — both centered horizontally, + // and the pair vertically centered inside the aperture (parity w. the + // wheel). .sky-page .sky-form-col defaults to flex-row align-end which + // would otherwise pin form-main left and the btn bottom-right. + .sky-page .sky-form-col { + flex-direction: column; + align-items: center; + justify-content: center; + gap: 1rem; + } + + .sky-page .sky-form-main { + flex: 0 0 auto; + width: 100%; + max-width: 22rem; + } } // ── Sidebar z-index sink (landscape sidebars must go below backdrop) ───────────