From 0da7ce0bdcdd78bf4688a8e7ef64afd026c98a5f Mon Sep 17 00:00:00 2001
From: Laurent <laurent@staxriver.com>
Date: Fri, 15 Mar 2024 10:56:58 +0100
Subject: [PATCH] Improve style for broadcast

---
 tournaments/static/tournaments/css/style.css               | 7 ++++++-
 tournaments/templates/tournaments/broadcasted_matches.html | 6 +++---
 tournaments/templates/tournaments/group_stage_cell.html    | 2 +-
 tournaments/templates/tournaments/match_cell.html          | 2 +-
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/tournaments/static/tournaments/css/style.css b/tournaments/static/tournaments/css/style.css
index 3ceed89..2a40b92 100644
--- a/tournaments/static/tournaments/css/style.css
+++ b/tournaments/static/tournaments/css/style.css
@@ -153,6 +153,11 @@ tr {
     font-weight: 600;
 }
 
+.bold {
+    font-family: "Montserrat-SemiBold";
+    font-weight: 800;
+}
+
 .info {
     font-family: "Montserrat-SemiBold";
     font-size: 14px;
@@ -202,7 +207,7 @@ tr {
 }
 
 .score {
-    font-size: 20px;
+    font-size: 22px;
     vertical-align: middle;
     padding: 0px 5px;
 }
diff --git a/tournaments/templates/tournaments/broadcasted_matches.html b/tournaments/templates/tournaments/broadcasted_matches.html
index 9af969d..b6632c9 100644
--- a/tournaments/templates/tournaments/broadcasted_matches.html
+++ b/tournaments/templates/tournaments/broadcasted_matches.html
@@ -81,7 +81,7 @@
                                                     <div class="table-cell table-cell-large">
                                                         <template x-for="name in match.teams[i-1].names">
 
-                                                            <div class="semibold" x-data="{
+                                                            <div class="ws" x-data="{
                                                                 showName(name, team) {
                                                                     let html = `<span class='`
                                                                     if (team.is_winner) html += `winner`
@@ -124,8 +124,8 @@
                                         </template>
 
                                         <div class="top-margin flex-row">
-                                            <label class="left-label minor-info"><span x-text="match.duration"></span></label>
-                                            <label class="right-label minor-info"><span x-text="match.court"></span></label>
+                                            <label class="left-label minor-info bold"><span x-text="match.duration"></span></label>
+                                            <label class="right-label minor-info semibold"><span x-text="match.court"></span></label>
                                         </div>
 
                                     </div>
diff --git a/tournaments/templates/tournaments/group_stage_cell.html b/tournaments/templates/tournaments/group_stage_cell.html
index 5ee63fc..3e36ba9 100644
--- a/tournaments/templates/tournaments/group_stage_cell.html
+++ b/tournaments/templates/tournaments/group_stage_cell.html
@@ -12,7 +12,7 @@
 
                                 {% for team in group_stage.teams %}
 
-                                <div class="table-row-2-colums bottom-border">
+                                <div class="table-row-2-colums dark-bottom-border">
                                     <div class="table-cell table-cell-large">
                                         {% for name in team.names %}
                                         <div class="semibold {% if team.is_winner %}winner{% endif %}">
diff --git a/tournaments/templates/tournaments/match_cell.html b/tournaments/templates/tournaments/match_cell.html
index eccbfe3..c3c14f7 100644
--- a/tournaments/templates/tournaments/match_cell.html
+++ b/tournaments/templates/tournaments/match_cell.html
@@ -43,7 +43,7 @@
                                 </div>
 
                                 <div class="flex-row top-margin">
-                                    <label class="left-label minor-info semibold">{{ match.duration }}</label>
+                                    <label class="left-label minor-info bold">{{ match.duration }}</label>
                                     <label class="right-label minor-info">{{ match.court }}</label>
                                     <!-- <a href="" class="right-label">{{ match.court }}</a> -->
                                 </div>