From 158a54d770eaece728799fe4489b24e540fe6adb Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Sun, 11 May 2025 19:54:10 +0200
Subject: [PATCH] fix broadcast layout

---
 tournaments/static/tournaments/js/tournament_bracket.js     | 2 +-
 tournaments/templates/tournaments/broadcast/broadcast.html  | 2 +-
 .../tournaments/broadcast/broadcasted_auto_event.html       | 6 +++---
 .../tournaments/broadcast/broadcasted_bracket.html          | 1 +
 .../tournaments/broadcast/broadcasted_group_stages.html     | 2 +-
 .../tournaments/broadcast/broadcasted_matches.html          | 2 +-
 .../templates/tournaments/broadcast/broadcasted_prog.html   | 2 +-
 .../tournaments/broadcast/broadcasted_rankings.html         | 2 +-
 .../tournaments/broadcast/broadcasted_summons.html          | 2 +-
 9 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/tournaments/static/tournaments/js/tournament_bracket.js b/tournaments/static/tournaments/js/tournament_bracket.js
index 3efaf3b..9d339b3 100644
--- a/tournaments/static/tournaments/js/tournament_bracket.js
+++ b/tournaments/static/tournaments/js/tournament_bracket.js
@@ -39,7 +39,7 @@ function renderBracket(options) {
   if (doubleButterflyMode == true && roundCount > 1) {
     roundTotalCount = roundCount - 1;
   }
-  const padding = (15 - roundTotalCount / 1.5 + 20 + 20) * roundTotalCount; // Account for some padding/margin
+  const padding = 50 * roundTotalCount; // Account for some padding/margin
   const availableWidth = screenWidth - padding;
   responsiveMatchWidth = Math.floor(availableWidth / roundTotalCount);
 
diff --git a/tournaments/templates/tournaments/broadcast/broadcast.html b/tournaments/templates/tournaments/broadcast/broadcast.html
index a0f6a2b..f22ebf6 100644
--- a/tournaments/templates/tournaments/broadcast/broadcast.html
+++ b/tournaments/templates/tournaments/broadcast/broadcast.html
@@ -22,7 +22,7 @@
 {% block content %}
 
 <div class="grid-x">
-    <div class="cell medium-6 large-6 topblock padding10">
+    <div class="cell medium-6 large-6 topblock">
         <div class="bubble">
         <div><a href="{% url 'automatic-broadcast' tournament.id %}">Automatique</a></div>
         <div><a href="{% url 'broadcasted-matches' tournament.id %}">Matchs</a></div>
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_auto_event.html b/tournaments/templates/tournaments/broadcast/broadcasted_auto_event.html
index 43b8b15..4bd87fa 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_auto_event.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_auto_event.html
@@ -202,7 +202,7 @@
 
                         <template x-for="i in paginatedSummons.length">
                             <template x-for="column in paginatedSummons[i-1]">
-                                <div class="cell medium-6 large-6 topblock padding10" x-show="active === i">
+                                <div class="cell medium-6 large-6 topblock" x-show="active === i">
                                     {% include 'tournaments/broadcast/broadcasted_summon.html' %}
                                 </div>
                             </template>
@@ -210,7 +210,7 @@
 
                         <template x-for="i in paginatedMatches.length" >
                             <template x-for="match in paginatedMatches[i-1]" >
-                                <div class="cell medium-6 large-3 padding10" x-show="active === i + paginatedSummons.length">
+                                <div class="cell medium-6 large-3" x-show="active === i + paginatedSummons.length">
                                     {% include 'tournaments/broadcast/broadcasted_match.html' %}
                                 </div>
                             </template>
@@ -218,7 +218,7 @@
 
                         <template x-for="i in paginatedGroupStages.length">
                             <template x-for="group_stage in paginatedGroupStages[i-1]">
-                                <div class="cell medium-6 large-3 padding10" x-show="active === i + paginatedSummons.length + paginatedMatches.length">
+                                <div class="cell medium-6 large-3" x-show="active === i + paginatedSummons.length + paginatedMatches.length">
                                     {% include 'tournaments/broadcast/broadcasted_group_stage.html' %}
                                 </div>
                             </template>
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html b/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
index a1a9011..615af51 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
@@ -4,6 +4,7 @@
 <html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <link rel="stylesheet" href="{% static 'tournaments/css/foundation.min.css' %}" />
     <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
     <link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html b/tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
index 560d1c7..a5158e0 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
@@ -85,7 +85,7 @@
                         <template x-for="i in paginatedGroupStages.length" >
                             <template x-for="group_stage in paginatedGroupStages[i-1]" >
 
-                                <div class="cell medium-6 large-3 padding10" x-show="active === i">
+                                <div class="cell medium-6 large-3" x-show="active === i">
 
                                     {% include 'tournaments/broadcast/broadcasted_group_stage.html' %}
 
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_matches.html b/tournaments/templates/tournaments/broadcast/broadcasted_matches.html
index 33b6493..c809d65 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_matches.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_matches.html
@@ -83,7 +83,7 @@
                     <template x-for="i in paginatedMatches.length" >
                         <template x-for="match in paginatedMatches[i-1]" >
 
-                            <div class="cell medium-6 large-3 padding10" x-show="active === i">
+                            <div class="cell medium-6 large-3" x-show="active === i">
 
                                 {% include 'tournaments/broadcast/broadcasted_match.html' %}
 
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_prog.html b/tournaments/templates/tournaments/broadcast/broadcasted_prog.html
index 9755f45..62af2ff 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_prog.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_prog.html
@@ -83,7 +83,7 @@
                     <template x-for="i in paginatedMatches.length" >
                         <template x-for="match in paginatedMatches[i-1]" >
 
-                            <div class="cell medium-6 large-3 padding10" x-show="active === i">
+                            <div class="cell medium-6 large-3" x-show="active === i">
 
                                 <template x-if="!match.empty">
                                     {% include 'tournaments/broadcast/broadcasted_match.html' %}
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_rankings.html b/tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
index 45e2205..fe72990 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
@@ -64,7 +64,7 @@
     <div class="grid-x">
         <template x-for="i in paginatedRankings.length" >
             <template x-for="column in paginatedRankings[i-1]" >
-                <div class="cell medium-6 large-6 topblock padding10" x-show="active === i">
+                <div class="cell medium-6 large-6 topblock" x-show="active === i">
                     {% include 'tournaments/broadcast/broadcasted_ranking.html' %}
                 </div>
             </template>
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_summons.html b/tournaments/templates/tournaments/broadcast/broadcasted_summons.html
index c300a69..952a8df 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_summons.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_summons.html
@@ -64,7 +64,7 @@
     <div class="grid-x">
         <template x-for="i in paginatedMatches.length" >
             <template x-for="column in paginatedMatches[i-1]" >
-                <div class="cell medium-6 large-6 topblock padding10" x-show="active === i">
+                <div class="cell medium-6 large-6 topblock" x-show="active === i">
 
                     {% include 'tournaments/broadcast/broadcasted_summon.html' %}