fix broadcast stuff

tournaments/static/tournaments/css/broadcast.css

@@ -162,11 +162,6 @@ body {
         max-width: 60px;
     }
 
-    .club,
-    .event {
-        font-size: 1.5em;
-    }
-
     .sponsor-logo-broadcast {
         object-fit: contain;
         height: 80px;

tournaments/static/tournaments/css/tournament_bracket.css

@@ -276,10 +276,6 @@
     font-size: 1em;
 }
 
-#screen-size-overlay {
-    font-size: clamp(1.5vh, 2vh, 2.5vh) !important;
-}
-
 .sponsor-logo-broadcast.screen-size-overlay {
     object-fit: contain;
     height: 80px;
@@ -314,7 +310,8 @@
     }
 
     #screen-size-overlay {
-        font-size: clamp(1.5vh, 2vh, 2.5vh) !important;
+        font-size: 0.6em;
+        max-height: 120px;
     }
 }
 
@@ -337,7 +334,7 @@
     }
 
     #screen-size-overlay {
-        font-size: clamp(1.5vh, 2vh, 2.5vh) !important;
+        font-size: 0.8em;
     }
 }
 
@@ -360,8 +357,7 @@
         font-size: 1.5em;
     }
 
-    .left-content.bubble-header.screen-size-overlay .left-margin h1.club,
-    .left-content.bubble-header.screen-size-overlay .left-margin h1.event {
-        font-size: 1.6em;
+    #screen-size-overlay {
+        font-size: 1.2em;
     }
 }

tournaments/templates/tournaments/broadcast/broadcasted_bracket.html

@@ -41,7 +41,7 @@
         transform: translateX(-50%); /* Center it exactly */
         color: white;
         padding: 20px;
-        max-width: 40%;
+        max-width: 45%;
         z-index: 1000; /* Ensure it's on top of other elements */
       }
     </style>