diff --git a/tournaments/static/tournaments/css/broadcast.css b/tournaments/static/tournaments/css/broadcast.css index 18bdbee..edc303c 100644 --- a/tournaments/static/tournaments/css/broadcast.css +++ b/tournaments/static/tournaments/css/broadcast.css @@ -36,7 +36,7 @@ body { box-shadow: 0 0 0px 0px #fbead6; align-items: center; justify-content: center; - padding: 20px; + padding: 15px; margin: 0; } diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html b/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html index 615af51..3eba500 100644 --- a/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html +++ b/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html @@ -41,9 +41,17 @@ transform: translateX(-50%); /* Center it exactly */ color: white; padding: 20px; + max-width: 40%; font-size: 0.6em !important; z-index: 1000; /* Ensure it's on top of other elements */ } + .left-content.screen-size-overlay .left-margin, + .left-content.screen-size-overlay h1.club, + .left-content.screen-size-overlay h1.event { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; /* Prevent text from wrapping */ + }