diff --git a/tournaments/static/tournaments/css/style.css b/tournaments/static/tournaments/css/style.css index e220038..035357a 100644 --- a/tournaments/static/tournaments/css/style.css +++ b/tournaments/static/tournaments/css/style.css @@ -827,3 +827,25 @@ h-margin { .strikethrough { text-decoration: line-through; } + +.status-container { + margin: 0 -20px -20px -20px; /* Negative margin to counter the bubble padding, including bottom */ + padding: 10px 20px 20px 20px; /* Add padding back to maintain text alignment, including bottom */ + border-radius: 0 0 24px 24px; /* Match the bubble's bottom corners */ +} + +.status-container.running { + background-color: #90ee90; /* Light green color */ +} + +.player { + position: relative; /* Ensures the overlay is positioned within this block */ +} + +.overlay-text { + position: absolute; + top: 50%; + right: 0%; + transform: translate(-50%, -50%); + white-space: nowrap; +} diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_match.html b/tournaments/templates/tournaments/broadcast/broadcasted_match.html index b3efe0a..22f259f 100644 --- a/tournaments/templates/tournaments/broadcast/broadcasted_match.html +++ b/tournaments/templates/tournaments/broadcast/broadcasted_match.html @@ -16,18 +16,18 @@