From 51b6a785e6dfa42bf76aeaf85871d36774695db9 Mon Sep 17 00:00:00 2001
From: Peter Steinberger <steipete@gmail.com>
Date: Fri, 26 Dec 2025 20:01:23 +0100
Subject: [PATCH] fix(canvas): center debug status overlay

---
 .../ClawdisKit/Resources/CanvasScaffold/scaffold.html       | 6 ++++--
 src/canvas-host/a2ui/index.html                             | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/shared/ClawdisKit/Sources/ClawdisKit/Resources/CanvasScaffold/scaffold.html b/apps/shared/ClawdisKit/Sources/ClawdisKit/Resources/CanvasScaffold/scaffold.html
index d17fb65af..d9a9cebfd 100644
--- a/apps/shared/ClawdisKit/Sources/ClawdisKit/Resources/CanvasScaffold/scaffold.html
+++ b/apps/shared/ClawdisKit/Sources/ClawdisKit/Resources/CanvasScaffold/scaffold.html
@@ -81,7 +81,9 @@
         position: fixed;
         inset: 0;
         display: none;
-        place-items: start center;
+        align-items: center;
+        justify-content: flex-start;
+        flex-direction: column;
         padding-top: calc(20px + env(safe-area-inset-top, 0px));
         pointer-events: none;
         z-index: 3;
@@ -171,7 +173,7 @@
               statusEl.style.display = 'none';
               return;
             }
-            statusEl.style.display = 'grid';
+            statusEl.style.display = 'flex';
             if (titleEl && typeof title === 'string') titleEl.textContent = title;
             if (subtitleEl && typeof subtitle === 'string') subtitleEl.textContent = subtitle;
             if (!debugStatusEnabled) {
diff --git a/src/canvas-host/a2ui/index.html b/src/canvas-host/a2ui/index.html
index 7b0db238b..25b4619a5 100644
--- a/src/canvas-host/a2ui/index.html
+++ b/src/canvas-host/a2ui/index.html
@@ -83,7 +83,9 @@
         position: fixed;
         inset: 0;
         display: none;
-        place-items: start center;
+        align-items: center;
+        justify-content: flex-start;
+        flex-direction: column;
         padding-top: calc(20px + env(safe-area-inset-top, 0px));
         pointer-events: none;
         z-index: 3;
@@ -187,7 +189,7 @@
               statusEl.style.display = 'none';
               return;
             }
-            statusEl.style.display = 'grid';
+            statusEl.style.display = 'flex';
             if (titleEl && typeof title === 'string') titleEl.textContent = title;
             if (subtitleEl && typeof subtitle === 'string') subtitleEl.textContent = subtitle;
             if (!debugStatusEnabled) {