From c331e72de6fd5b3600bcc2331387a0da70ca4e37 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Mon, 23 Mar 2026 20:07:59 -0400 Subject: [PATCH] fixed some styling issues that prevented the enter email for login field from displaying on landscape breakpoints --- src/static_src/scss/_base.scss | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/src/static_src/scss/_base.scss b/src/static_src/scss/_base.scss index 66622c6..fd91528 100644 --- a/src/static_src/scss/_base.scss +++ b/src/static_src/scss/_base.scss @@ -243,8 +243,27 @@ body { // margin-left: 0.75rem; } - // Login form: email input can't fit in narrow sidebar - .input-group { display: none; } + // Login form: pull out of narrow sidebar, centre in the viewport content area + .input-group { + display: flex; + position: fixed; + left: $sidebar-w; + right: $sidebar-w; + top: 50%; + transform: translateY(-50%); + flex-direction: column; + align-items: center; + z-index: 50; + + .navbar-text { + writing-mode: horizontal-tb; + transform: none; + font-size: 0.75rem; + white-space: normal; + margin: 0 0 0.25rem; + text-align: center; + } + } } // Container: fill centre, compensate for fixed sidebars on both sides