From b3b156c3edc4eb86d7ab57b99b126371909b2a89 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Thu, 19 Feb 2026 16:52:26 -0500
Subject: [PATCH] fix(machine): add bottom padding when debug bar is active

Prevents the fixed debug overlay from covering content (QR links)
on mobile by reserving space at the bottom of the main container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/machine/src/App.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/machine/src/App.vue b/apps/machine/src/App.vue
index 6f1f3f9..cc60125 100644
--- a/apps/machine/src/App.vue
+++ b/apps/machine/src/App.vue
@@ -32,7 +32,10 @@ function toggleLiveServices() {
 
 <template>
   <div
-    class="flex h-screen w-screen flex-col overflow-hidden bg-background font-sans text-foreground"
+    :class="[
+      'flex h-screen w-screen flex-col overflow-hidden bg-background font-sans text-foreground',
+      atmStore.debugMode ? 'pb-20 sm:pb-12' : '',
+    ]"
   >
     <router-view />