From b1f8a525c3de08d5c42d1a0be1058d113113437d Mon Sep 17 00:00:00 2001
From: Zygons <30783491+zygons@users.noreply.github.com>
Date: Sat, 5 Sep 2026 14:11:33 -0400
Subject: [PATCH] Center Player Display initiative cards

---
 programs/app/css/display.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/programs/app/css/display.css b/programs/app/css/display.css
index 8399bc2..a4fa3fc 100644
--- a/programs/app/css/display.css
+++ b/programs/app/css/display.css
@@ -274,6 +274,26 @@
   scrollbar-width: none;
 }
 
+/*
+ * Center the initiative cards when they fit within
+ * the Player Display.
+ *
+ * As additional combatants are added, the group
+ * expands outward from the center of the screen.
+ *
+ * When the cards become wider than the available
+ * display area, the automatic margins collapse and
+ * normal horizontal scrolling is preserved.
+ */
+
+.initiative-track > .initiative-card:first-child {
+  margin-left: auto;
+}
+
+.initiative-track > .initiative-card:last-child {
+  margin-right: auto;
+}
+
 .initiative-track::-webkit-scrollbar {
   display: none;
 }