expanded margin of position spots on gatekeeper; cleaned up #id_tray scripts & styles

src/static_src/scss/_room.scss

@@ -296,6 +296,10 @@ html:has(.gate-overlay) {
             }
         }
     }
+
+    .form-container {
+        margin-top: 1rem;
+    }
 }
 
 // Narrow viewport — scale down, 2×3 slot grid (portrait mobile + narrow desktop)
@@ -698,7 +702,8 @@ $inv-strip:   30px;   // visible height of each stacked card after the first
         }
 
         .form-container {
-            h3 { font-size: 0.85rem; margin: 0.25rem 0; }
+            margin-top: 0.75rem;
+            h3 { font-size: 0.85rem; margin: 0.5rem 0; }
 
             form { gap: 0.35rem; }
 

src/static_src/scss/_tray.scss

@@ -26,10 +26,11 @@ $handle-r:         1rem;
 
 #id_tray_wrap {
     position: fixed;
-    // left set by JS: closed = vw - handle; open = 0
+    // left set by JS: closed = vw - handleW; open = vw - wrapW
     // top/bottom set by JS from nav/footer measurements
+    // right intentionally absent — wrap has fixed CSS width (handle + tray)
+    // so the open edge only reaches the viewport boundary when fully open.
     top: 0;
-    right: 0;
     bottom: 0;
     z-index: 310;
     pointer-events: none;
@@ -201,19 +202,6 @@ $handle-r:         1rem;
         &.wobble        { animation: tray-wobble-landscape 0.45s ease; }
         &.snap          { animation: tray-snap-landscape   0.30s ease; }
 
-        // Landscape: extend upward instead of rightward
-        &::before {
-            top:    -9999px;
-            bottom: auto;
-            right:  auto;
-            left:   0;
-            width:  100%;
-            height: 9999px;
-            border-top:    none;
-            border-bottom: none;
-            border-left:  2.5rem solid rgba(var(--quaUser), 1);
-            border-right: 2.5rem solid rgba(var(--quaUser), 1);
-        }
     }
 
     #id_tray_handle {
@@ -259,8 +247,8 @@ $handle-r:         1rem;
             inset -0.6rem 0 1.5rem -0.5rem rgba(0, 0, 0, 1),           // right wall depth
             inset -0.6rem 0 1.5rem -0.5rem rgba(var(--quaUser), 0.5)   // right wall depth (hue)
         ;
-        flex: none;         // override portrait's flex:1 so height applies
-        height: 80vh;       // gives JS a real offsetHeight to compute bounds from
+        flex: 1;            // fill wrap height (JS sets wrap height = gearBtnTop)
+        height: auto;
         min-height: unset;
         overflow: hidden;   // clip #id_tray_grid to the felt interior
     }