diff --git a/src/static_src/scss/_game-kit.scss b/src/static_src/scss/_game-kit.scss index 845c02d..b8eb424 100644 --- a/src/static_src/scss/_game-kit.scss +++ b/src/static_src/scss/_game-kit.scss @@ -3,16 +3,17 @@ bottom: 0.5rem; right: 0.5rem; + // In landscape, centre the 3rem-wide btn within the var(--sidebar-w) + // footer sidebar — matches the bud-btn (bottom-left) + gear-btn (above + // kit-btn) formula. The clamp on the root rem means the sidebar scales + // fluidly, so this single rule covers all viewports without a per- + // breakpoint override. @media (orientation: landscape) { - right: 1rem; + right: calc((var(--sidebar-w) - 3rem) / 2); bottom: 0.5rem; top: auto; } - @media (orientation: landscape) and (min-width: 1800px) { - right: 2.5rem; // centre in doubled 8rem sidebar - } - z-index: 318; font-size: 1.75rem; cursor: pointer;