Improve style for broadcast

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;
 }

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>

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 %}">

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>