From 47871b5b4a64831a4f0f4509653d7313d1f7d376 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Sat, 9 May 2026 00:23:53 -0400 Subject: [PATCH] =?UTF-8?q?align=20#id=5Fkit=5Fbtn=20/=20#id=5Fgear=5Fbtn?= =?UTF-8?q?=20/=20#id=5Fbud=5Fbtn=20under=20the=20unified=20centre=20formu?= =?UTF-8?q?la=20=E2=80=94=20drop=20the=20legacy=20`right:=202.5rem`=20?= =?UTF-8?q?=E2=89=A51800px=20override=20on=20kit-btn=20that=20left=20it=20?= =?UTF-8?q?outboard=20of=20gear-btn=20after=20the=20rem-fluid=20sidebar=20?= =?UTF-8?q?refactor?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - _game-kit.scss #id_kit_btn landscape rule now uses `right: calc((var(--sidebar-w) - 3rem) / 2)` — same formula as gear-btn (_applets.scss) and bud-btn (_bud.scss). All three 3rem-wide circular btns now share the same horizontal-centre math against the fluid sidebar. - Drops `@media (orientation: landscape) and (min-width: 1800px) { right: 2.5rem }` which was a leftover from the old doubled-8rem-sidebar regime; the rem clamp ceiling now caps the sidebar without per-breakpoint overrides. Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Opus 4.7 (1M context) --- src/static_src/scss/_game-kit.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) 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;