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) ───────────