From 0d40b8ed6a7e59c979b5acc2e606a6f8a844bb5b Mon Sep 17 00:00:00 2001
From: Pandipipas <62224708+Pandipipas@users.noreply.github.com>
Date: Fri, 13 Feb 2026 00:54:44 +0100
Subject: [PATCH] Center preview metadata between image and score

---
 src/dashboard/example/components/ScoreboardPanel.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/dashboard/example/components/ScoreboardPanel.vue b/src/dashboard/example/components/ScoreboardPanel.vue
index 5e1ae49..02c81a8 100644
--- a/src/dashboard/example/components/ScoreboardPanel.vue
+++ b/src/dashboard/example/components/ScoreboardPanel.vue
@@ -1222,9 +1222,10 @@ watch(
 
 .scoreboard-preview__side-inner {
   width: 100%;
-  display: flex;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
   align-items: center;
-  gap: 10px;
+  gap: 12px;
 }
 
 .scoreboard-preview__side--right {
@@ -1232,7 +1233,7 @@ watch(
 }
 
 .scoreboard-preview__side--right .scoreboard-preview__side-inner {
-  justify-content: flex-end;
+  grid-template-columns: minmax(0, 1fr) auto;
 }
 
 .scoreboard-preview__image-wrap {
@@ -1265,6 +1266,7 @@ watch(
 
 .scoreboard-preview__controls {
   width: min(100%, 260px);
+  justify-self: center;
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -1364,7 +1366,7 @@ watch(
   }
 
   .scoreboard-preview__side-inner {
-    flex-direction: column;
+    grid-template-columns: 1fr;
     align-items: flex-start;
   }
 
@@ -1373,7 +1375,7 @@ watch(
   }
 
   .scoreboard-preview__side--right .scoreboard-preview__side-inner {
-    justify-content: flex-start;
+    grid-template-columns: 1fr;
   }
 }