fix broadcast layout

tournaments/static/tournaments/css/broadcast.css

@@ -29,9 +29,6 @@ body {
     box-shadow: 0 0 0px 0px #fbead6;
 }
 
-.bracket-bubble-header {
-}
-
 .bubble-footer {
     background-color: white;
     display: flex;
@@ -46,7 +43,7 @@ body {
 .bubble-sponsor {
     display: flex;
     flex-wrap: wrap;
-    gap: 20px;
+    gap: 8px;
     justify-content: center;
     align-items: center;
 }
@@ -66,12 +63,14 @@ body {
 
 .sponsor-logo-broadcast {
     height: 100px;
+    width: 100px;
     object-fit: contain;
 }
 
 .sponsor-logo-broadcast.screen-size-overlay {
     object-fit: contain;
-    height: 80px; /* Example height matching QR code */
+    height: 80px;
+    width: 80px; /* Example height matching QR code */
 }
 
 .bold {

tournaments/static/tournaments/js/tournament_bracket.js

@@ -50,8 +50,10 @@ function renderBracket(options) {
       Math.floor(availableWidth / roundTotalCount),
     );
 
-    if (roundTotalCount < 6) {
+    if (roundTotalCount < 5) {
       topMargin = 60;
+    } else {
+      topMargin = 0;
     }
   }