From 60461de9d9712373ef3788481a10856e29da6d94 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 19 Mar 2026 19:18:38 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20badge=20view=20debug=20bar=20=E2=80=94?=
 =?UTF-8?q?=20center=20text=20and=20reserve=20fixed=20height=20to=20preven?=
 =?UTF-8?q?t=20layout=20bounce?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add justify-center + h-6 to the debug info row above the badge so it stays centered
and doesn't cause vertical shift when conditional elements show/hide on edit mode toggle.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte
index 2a7a4d87..176743d3 100644
--- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte
@@ -344,7 +344,7 @@
 </script>
 
 <!-- Template debug info: screen-only. Shows layout context and v2 marker. -->
-<div class="print:hidden flex items-center gap-2 text-xs text-gray-400 font-mono mb-1">
+<div class="print:hidden flex items-center justify-center gap-2 text-xs text-gray-400 font-mono mb-1 h-6">
     <span title="Badge template name">{$lq__event_badge_template_obj?.name ?? '—'}</span>
     <span class="text-gray-300">|</span>
     <span title="Layout code">{$lq__event_badge_template_obj?.layout ?? '(no layout)'}</span>