fix: header title left-aligned by default, centered only in kiosk mode

2026-05-06 11:12:20 +00:00
parent 6f19d1bcd5
commit 8eba5c8573
2 changed files with 17 additions and 6 deletions
@@ -137,22 +137,29 @@ body {
    z-index: 1;
 }

-/* Title wrap — absolutely centered in the full header width */
+/* Title wrap — left-aligned by default; centered in kiosk mode */
 .header-title-wrap {
-    position: absolute;
-    left: 0;
-    right: 0;
+    flex: 1 1 0;
    display: flex;
-    justify-content: center;
    align-items: center;
    gap: 8px;
-    pointer-events: none;
+    min-width: 0;
    overflow: hidden;
 }
 .header-title-wrap > * {
    pointer-events: auto;
 }

+/* Kiosk mode: center title absolutely across full header width */
+.kiosk-mode .header-title-wrap {
+    position: absolute;
+    left: 0;
+    right: 0;
+    flex: unset;
+    justify-content: center;
+    pointer-events: none;
+}
+
 .header-title {
    font-size: 1.3rem;
    font-weight: 700;