fix tiebreak in broadcast

tournaments/templates/tournaments/broadcast/broadcasted_match.html

@@ -21,21 +21,28 @@
                 </div>
                 <div class="scores">
                     <template x-for="score in match.teams[i-1].scores">
-
+                        <span class="score ws"
-                        <span class="score bold w30px" :class="match.teams[i-1].is_winner ? 'winner' : ''" x-text="score"></span>
+                              :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])">