fix: badge view debug bar — center text and reserve fixed height to prevent layout bounce

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>
This commit is contained in:
Scott Idem
2026-03-19 19:18:38 -04:00
parent da3b8dcf46
commit 60461de9d9

View File

@@ -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>