From bbd1b22bb0c0af66498770bc738d3e3cf51c2317 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Fri, 8 May 2026 12:30:01 -0400 Subject: [PATCH] sky.html post-save: reset (max-width:600px) form-main height cap & btn align-self so flex-column flip lands the SAVE SKY beneath the fields MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Two carried-over rules from the @media (max-width:600px) block — written for the in-room PICK SKY modal where form-col is flex-row — collide with body.sky-saved's flex-column flip on .sky-page: (1) .sky-form-col > #id_sky_confirm{align-self:flex-end}, which means "bottom" under flex-row but "right" under flex-column, was pushing the btn to the right edge instead of centering it; (2) .sky-form-main{max-height:40vh; overflow-y:auto} clamped form-main into a tiny inner-scroll well. body.sky-saved now resets both — align-self:auto on the btn (inherits the col's align-items:center) & max-height:none + overflow-y:visible on form-main (the aperture handles scroll, not form-main). Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Sonnet 4.6 --- src/static_src/scss/_sky.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/static_src/scss/_sky.scss b/src/static_src/scss/_sky.scss index 6266e20..5d9df0b 100644 --- a/src/static_src/scss/_sky.scss +++ b/src/static_src/scss/_sky.scss @@ -1019,6 +1019,15 @@ body.sky-saved { flex: 0 0 auto; width: 100%; max-width: 22rem; + max-height: none; // reset the (max-width:600px) cap + overflow-y: visible; // no inner scroll — aperture handles it + } + + // The (max-width:600px) block sets align-self:flex-end on the btn — that's + // "bottom" under the default flex-row form-col, but becomes "right" once we + // flip the col to flex-direction:column. Reset to inherit align-items:center. + .sky-page .sky-form-col > #id_sky_confirm { + align-self: auto; } }