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; }