From f8135433dc691bb4b7d66eea3705e73931540975 Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Sun, 11 May 2025 18:45:06 +0200
Subject: [PATCH] fix broadcast layout

---
 tournaments/static/tournaments/css/broadcast.css        | 9 ++++-----
 tournaments/static/tournaments/js/tournament_bracket.js | 4 +++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/tournaments/static/tournaments/css/broadcast.css b/tournaments/static/tournaments/css/broadcast.css
index 77a67b5..18bdbee 100644
--- a/tournaments/static/tournaments/css/broadcast.css
+++ b/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 {
diff --git a/tournaments/static/tournaments/js/tournament_bracket.js b/tournaments/static/tournaments/js/tournament_bracket.js
index a5aec18..3efaf3b 100644
--- a/tournaments/static/tournaments/js/tournament_bracket.js
+++ b/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;
     }
   }