From a1f8d294a3842d948dee44d2494db1e9c5807584 Mon Sep 17 00:00:00 2001
From: Disco DeDisco <adamcraighamilton@gmail.com>
Date: Mon, 23 Mar 2026 19:50:08 -0400
Subject: [PATCH] several more styling fixes to get landscape FTs to pass
 pipeline

---
 src/static_src/scss/_base.scss      | 2 +-
 src/static_src/scss/_dashboard.scss | 2 +-
 src/static_src/scss/_game-kit.scss  | 7 +++++--
 src/static_src/scss/_gameboard.scss | 2 +-
 src/static_src/scss/_room.scss      | 2 +-
 5 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/static_src/scss/_base.scss b/src/static_src/scss/_base.scss
index 45315eb..66622c6 100644
--- a/src/static_src/scss/_base.scss
+++ b/src/static_src/scss/_base.scss
@@ -174,7 +174,7 @@ body {
 }
 
 @media (orientation: landscape) and (max-width: 1440px) {
-    $sidebar-w: 5rem;
+    $sidebar-w: 4rem;
 
     // ── Sidebar layout: navbar ← left, footer → right ────────────────────────────
     body {
diff --git a/src/static_src/scss/_dashboard.scss b/src/static_src/scss/_dashboard.scss
index d3ab652..56eb1f7 100644
--- a/src/static_src/scss/_dashboard.scss
+++ b/src/static_src/scss/_dashboard.scss
@@ -153,7 +153,7 @@ body.page-dashboard {
     }
 }
 
-@media (orientation: landscape) and (max-width: 1023px) {
+@media (orientation: landscape) and (max-width: 1440px) {
     // Reset the 666px min-width so #id_dash_content shrinks to fit within the
     // sidebar-bounded container rather than overflowing into the footer sidebar.
     #id_dash_content {
diff --git a/src/static_src/scss/_game-kit.scss b/src/static_src/scss/_game-kit.scss
index 7aa1f80..eda947c 100644
--- a/src/static_src/scss/_game-kit.scss
+++ b/src/static_src/scss/_game-kit.scss
@@ -45,8 +45,11 @@
     z-index: 204;
     overflow: hidden;
 
-    @media (orientation: landscape) and (max-width: 1023px) {
-        z-index: 301;   // above navbar sidebar (z-index: 300) in landscape
+    @media (orientation: landscape) and (max-width: 1440px) {
+        $sidebar-w: 4rem;
+        // left: $sidebar-w;
+        right: $sidebar-w;
+        z-index: 301;
     }
     // Closed state
     max-height: 0;
diff --git a/src/static_src/scss/_gameboard.scss b/src/static_src/scss/_gameboard.scss
index 9fba3e2..f0ff858 100644
--- a/src/static_src/scss/_gameboard.scss
+++ b/src/static_src/scss/_gameboard.scss
@@ -46,7 +46,7 @@ body.page-gameboard {
     }
 }
 
-@media (orientation: landscape) and (max-width: 1023px) {
+@media (orientation: landscape) and (max-width: 1440px) {
     // Restore clip in landscape — overrides the >738px overflow:visible above,
     // preventing the gameboard applets from bleeding into the footer sidebar.
     body.page-gameboard .container {
diff --git a/src/static_src/scss/_room.scss b/src/static_src/scss/_room.scss
index d171c70..1bab87d 100644
--- a/src/static_src/scss/_room.scss
+++ b/src/static_src/scss/_room.scss
@@ -632,7 +632,7 @@ $inv-strip:   30px;   // visible height of each stacked card after the first
 }
 
 // Landscape mobile — aggressively scale down to fit short viewport
-@media (orientation: landscape) and (max-width: 1023px) {
+@media (orientation: landscape) and (max-width: 1440px) {
     .gate-modal {
         padding: 0.6rem 1.25rem;