From 32211ebf82cd7be75c30c736d3cf3a40cad45064 Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Tue, 21 Jan 2025 16:53:10 +0100
Subject: [PATCH] fix tiebreak in broadcast

---
 .../broadcast/broadcasted_match.html          | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_match.html b/tournaments/templates/tournaments/broadcast/broadcasted_match.html
index 1878786..ef51dd8 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_match.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_match.html
@@ -21,24 +21,31 @@
                 </div>
                 <div class="scores">
                     <template x-for="score in match.teams[i-1].scores">
-
-                        <span class="score bold w30px" :class="match.teams[i-1].is_winner ? 'winner' : ''" x-text="score"></span>
-
+                        <span class="score ws"
+                              :class="{
+                                  'w35px': score.tiebreak,
+                                  'w30px': !score.tiebreak,
+                                  'winner': match.teams[i-1].is_winner
+                              }"
+                        >
+                            <span x-text="score.main"></span>
+                            <template x-if="score.tiebreak">
+                                <sup x-text="score.tiebreak"></sup>
+                            </template>
+                        </span>
                     </template>
 
                     <span x-data="{
                         showWalkOut(match, team) {
                             let html = ``
-
                             if (match.has_walk_out) {
                                 html += `<span class='score bold w60px'>`
                                 if (team.walk_out) html += `WO`
                                 html += `</span>`
                             }
-
                             return html
                         },
-                        }" x-html="showWalkOut(match, match.teams[i-1])">
+                    }" x-html="showWalkOut(match, match.teams[i-1])">
                     </span>
                 </div>
             </div>