From 38f680f16a1cc61044c4944eadce725b2907ad28 Mon Sep 17 00:00:00 2001
From: LucaP <luca.pislaru@protonmail.com>
Date: Sun, 11 Oct 2026 01:18:04 +0300
Subject: [PATCH] fix: give the motion tile a reserved slot outside the bay

---
 src/components/DriveControls.vue |  2 +-
 src/styles/gantry.css            | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/DriveControls.vue b/src/components/DriveControls.vue
index 1778f48..7e58466 100644
--- a/src/components/DriveControls.vue
+++ b/src/components/DriveControls.vue
@@ -260,7 +260,7 @@ onBeforeUnmount(() => {
 
     <button
       v-if="action && action.event !== 'pause'"
-      class="drive-control-button"
+      class="drive-control-button drive-controls__action"
       type="button"
       :aria-label="action.label"
       :title="action.label"
diff --git a/src/styles/gantry.css b/src/styles/gantry.css
index 4de9147..b13e6d3 100644
--- a/src/styles/gantry.css
+++ b/src/styles/gantry.css
@@ -509,6 +509,12 @@ html .drive-controls {
   max-inline-size: none;
   gap: 0;
 }
+/* Resume / Enable motion has a reserved slot outside the bay's flow: it
+   hangs to the left of the tiles, so they never shift when it appears. */
+html .drive-controls__action {
+  position: absolute;
+  inset: 0 100% auto auto;
+}
 html .drive-controls__dock {
   padding: 0;
   gap: 0;
@@ -709,6 +715,12 @@ html .drive-controls__audio-status {
     letter-spacing: 0;
   }
   html .site-navigation details[open] summary[data-exit]::after { content: '\2212' / ''; }
+  /* No room beside the window on a phone: the motion tile hangs below the
+     settings tile instead, still outside the bay's flow. */
+  html .drive-controls__action {
+    inset: calc(100% + (var(--gantry-h) - 44px) / 2 + 6px) 0 auto auto;
+    background-color: var(--gantry-steel-2);
+  }
   html .site-navigation ul {
     inset: var(--gantry-h) 0 auto;
     background: linear-gradient(180deg, var(--gantry-steel-1), var(--gantry-steel-2));