UI fixes

tournaments/static/tournaments/css/broadcast.css

@@ -1,3 +1,8 @@
+@font-face {
+    font-family: "Montserrat-Bold";
+    src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
+}
+
 html,
 body {
     background: linear-gradient(
@@ -17,3 +22,7 @@ body {
     /* box-shadow: 0 0 0px 1px #fbead6; */
     box-shadow: 0 0 0px 0px #fbead6;
 }
+
+.bold {
+    font-family: "Montserrat-Bold";
+}

tournaments/templates/tournaments/broadcasted_match.html

@@ -12,7 +12,7 @@
              <div class="match-result">
                 <div class="player">
                     <template x-for="name in match.teams[i-1].names">
-                        <div class="ws" x-data="{
+                        <div class="bold" x-data="{
                             showName(name, team) {
                                 let html = `<span class='`
                                 if (team.is_winner) html += `winner`
@@ -29,7 +29,7 @@
 
                         <span x-data="{
                             showScore(score, team) {
-                                let html = `<span class='score ws w30px`
+                                let html = `<span class='score bold w30px`
                                 if (team.is_winner) html += ` winner`
                                 html += `'>`
                                 html += score
@@ -46,7 +46,7 @@
                             let html = ``
 
                             if (match.has_walk_out) {
-                                html += `<span class='score ws w60px'>`
+                                html += `<span class='score bold w60px'>`
                                 if (team.walk_out) html += `WO`
                                 html += `</span>`
                             }

tournaments/templates/tournaments/navigation_tournament.html

@@ -1,10 +1,10 @@
 
-<nav class="margin10">
+        <nav class="margin10">
-    <a href="{% url 'tournament' tournament.id %}" class="mybox">Matches</a>
+            <a href="{% url 'tournament' tournament.id %}" class="mybox">Matches</a>
-    <a href="{% url 'group-stages' tournament.id %}" class="mybox">Poules</a>
+            <a href="{% url 'group-stages' tournament.id %}" class="mybox">Poules</a>
 
-    {% if tournament.in_progress %}
+            {% if tournament.in_progress %}
-    <a href="{% url 'tournament-summons' tournament.id %}" class="mybox">Convocations</a>
+            <a href="{% url 'tournament-summons' tournament.id %}" class="mybox">Convocations</a>
-    {% endif %}
+            {% endif %}
 
-</nav>
+        </nav>

tournaments/templates/tournaments/tournament_row.html

@@ -1,18 +1,17 @@
-
+        <a href="{% url 'tournament' tournament.id %}">
-<a href="{% url 'tournament' tournament.id %}">
+            <div class="table-row-3-colums bottom-border vertical-padding">
-    <div class="table-row-3-colums bottom-border vertical-padding">
+                <div class="tight table-cell">
-        <div class="tight table-cell">
+                    <div class="large">{{ tournament.level }}</div>
-            <div class="large">{{ tournament.level }}</div>
+                    <div class="small">{{ tournament.category }}</div>
-            <div class="small">{{ tournament.category }}</div>
+                </div>
-        </div>
+                <div class="table-cell table-cell-large horizontal-padding semibold">
-        <div class="table-cell table-cell-large horizontal-padding semibold">
+                    {% if tournament.name %}
-            {% if tournament.name %}
+                    <span>{{ tournament.event.club.name }}: </span>
-            <span>{{ tournament.event.club.name }}: </span>
+                    <span>{{ tournament.name }}</span>
-            <span>{{ tournament.name }}</span>
+                    {% else %}
-            {% else %}
+                    <span>{{ tournament.event.club.name }}</span>
-            <span>{{ tournament.event.club.name }}</span>
+                    {% endif %}
-            {% endif %}
+                </div>
-        </div>
+                <div class="table-cell"><div class="mybox">{{ tournament.formatted_start_date }}</div></div>
-        <div class="table-cell"><div class="mybox">{{ tournament.formatted_start_date }}</div></div>
+            </div>
-    </div>
+        </a>
-</a>

tournaments/templates/tournaments/tournaments.html

@@ -2,20 +2,12 @@
 
 {% block head_title %}Tournois{% endblock %}
 {% block first_title %}Padel Club{% endblock %}
-{% block second_title %}
+{% block second_title %}{% if club %}{{ club.name }}{% else %}Tournois{% endif %}{% endblock %}
-{% if club %}
-    {{ club.name }}
-{% else %}
-    Tournois
-{% endif %}
-{% endblock %}
 
 {% block content %}
 
 {% include 'tournaments/navigation_base.html' %}
 
-{% if live or future %}
-
     <div class="grid-x">
 
         {% if live %}
@@ -31,10 +23,10 @@
             </div>
         </div>
 
-         {% endif %}
+        {% endif %}
 
         {% if future %}
-         <div class="cell medium-6 large-6 topblock my-block">
+            <div class="cell medium-6 large-6 topblock my-block">
 
             <div class="bubble">
 
@@ -45,10 +37,8 @@
                 {% endfor %}
 
             </div>
-            {% endif %}
-
         </div>
-            {% endif %}
+        {% endif %}
 
         {% if ended %}
         <div class="cell medium-6 large-6 topblock my-block">
@@ -57,12 +47,12 @@
                 <label class="title">Terminés</label>
 
                 {% for tournament in ended %}
-
                 {% include 'tournaments/tournament_row.html' %}
-
                 {% endfor %}
             </div>
         </div>
-            {% endif %}
+        {% endif %}
+
+    </div>
 
 {% endblock %}