fix broadcast layout

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

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 */
+      }
     </style>
 </head>