From 81645239d75c78c399850b9ecb63e89eb135d391 Mon Sep 17 00:00:00 2001
From: Razmig Sarkissian <razmig@staxriver.com>
Date: Thu, 27 Jul 2023 22:00:29 +0200
Subject: [PATCH] update hmtl

---
 scores/static/scores/style.css          |  5 +++--
 scores/templates/scores/index.html      | 25 ++++++++++++----------
 scores/templates/scores/match.html      |  4 +++-
 scores/templates/scores/tournament.html | 28 ++++++++++++++-----------
 4 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/scores/static/scores/style.css b/scores/static/scores/style.css
index e280712..c7f10d2 100644
--- a/scores/static/scores/style.css
+++ b/scores/static/scores/style.css
@@ -102,8 +102,9 @@ td {
 .match {
   /* display: inline-block; */
   display:inline-block;
-  width: 30%;
+  width: 28%;
   padding: 0px 20px;
+  vertical-align: top; /* here */
 
 }
 
@@ -130,7 +131,7 @@ td {
 
 .steamname {
   width: 100%;
-  font-size: 200%;
+  font-size: 150%;
 }
 
 .smatch {
diff --git a/scores/templates/scores/index.html b/scores/templates/scores/index.html
index eaa879d..22cc4e2 100644
--- a/scores/templates/scores/index.html
+++ b/scores/templates/scores/index.html
@@ -24,26 +24,26 @@
 
           <div style="width: 100%;">
               <div style="float: left;">
-                  <h1>{{ match.title }}</h1>
+                  <h3>{{ match.title }}</h3>
               </div>
               {% if match.isMatch or match.isBracket %}
               {% if match.isMatch %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h3>
               </div>
               {% else %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h3>
               </div>
               {% endif %}
               {% else %}
                 {% if match.isStatistic %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">STATISTIQUES</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">STATISTIQUES</a><h3>
                 </div>
                 {% else %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h3>
                 </div>
                 {% endif %}
 
@@ -104,10 +104,12 @@
         {% endif %}
 
         <!-- <p id="demo"></p> -->
+        {% if match.isMatch or match.isBracket %}
         <p class="duration">
           <div class="small"> {{ match.durationPrefix }}</div>
           <div class="big">{{ match.duration }}</div>
         </p>
+        {% endif %}
 
       </div>
       {% endfor %}
@@ -120,26 +122,26 @@
 
           <div style="width: 100%;">
               <div style="float: left;">
-                  <h1>{{ match.title }}</h1>
+                  <h3>{{ match.title }}</h3>
               </div>
               {% if match.isMatch or match.isBracket %}
               {% if match.isMatch %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h3>
               </div>
               {% else %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h3>
               </div>
               {% endif %}
               {% else %}
                 {% if match.isStatistic %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">STATISTIQUES</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">STATISTIQUES</a><h3>
                 </div>
                 {% else %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h3>
                 </div>
                 {% endif %}
 
@@ -198,11 +200,12 @@
 
         {% endif %}
 
-        <!-- <p id="demo"></p> -->
+        {% if match.isMatch or match.isBracket %}
         <p class="duration">
           <div class="small"> {{ match.durationPrefix }}</div>
           <div class="big">{{ match.duration }}</div>
         </p>
+        {% endif %}
         <div class="clear" />
 
       </div>
diff --git a/scores/templates/scores/match.html b/scores/templates/scores/match.html
index 9ed2a7e..715f5db 100644
--- a/scores/templates/scores/match.html
+++ b/scores/templates/scores/match.html
@@ -16,6 +16,7 @@
 
   <main class="page-body">
       {% autoescape off %}
+      <div class="scenter">{{ match.tournament.name }}</div>
 
     <div class="scontainer">
       <div class="smatch">
@@ -79,11 +80,12 @@
 
         {% endif %}
 
-        <!-- <p id="demo"></p> -->
+        {% if match.isMatch or match.isBracket %}
         <p class="duration">
           <div class="small"> {{ match.durationPrefix }}</div>
           <div class="sbig">{{ match.duration }}</div>
         </p>
+        {% endif %}
 
       </div>
 
diff --git a/scores/templates/scores/tournament.html b/scores/templates/scores/tournament.html
index 938a185..2fb05c8 100644
--- a/scores/templates/scores/tournament.html
+++ b/scores/templates/scores/tournament.html
@@ -19,32 +19,32 @@
 
     <div class="container">
 
-        <div class="bigcenter">{{ tournament.name }}</div>
+        <div class="center">{{ tournament.name }}</div>
 
         {% for match in live_matches %}
       <div class="match">
           <div style="width: 100%;">
               <div style="float: left;">
-                  <h1>{{ match.title }}</h1>
+                  <h4>{{ match.title }}</h4>
               </div>
               {% if match.isMatch or match.isBracket %}
               {% if match.isMatch %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h3>
               </div>
               {% else %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h3>
               </div>
               {% endif %}
               {% else %}
                 {% if match.isStatistic %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">STATISTIQUES</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">STATISTIQUES</a><h3>
                 </div>
                 {% else %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h3>
                 </div>
                 {% endif %}
 
@@ -103,10 +103,13 @@
         {% endif %}
 
         <!-- <p id="demo"></p> -->
+        {% if match.isMatch or match.isBracket %}
         <p class="duration">
           <div class="small"> {{ match.durationPrefix }}</div>
           <div class="big">{{ match.duration }}</div>
         </p>
+        {% endif %}
+
       </div>
       {% endfor %}
 
@@ -115,26 +118,26 @@
 
           <div style="width: 100%;">
               <div style="float: left;">
-                  <h1>{{ match.title }}</h1>
+                  <h3>{{ match.title }}</h3>
               </div>
               {% if match.isMatch or match.isBracket %}
               {% if match.isMatch %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">TERRAIN #{{ match.court }}</a><h3>
               </div>
               {% else %}
               <div style="float: right;">
-                  <h1><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h1>
+                  <h3><a href="/match/{{ match.id }}/">POULE #{{ match.poule|floatformat:0 }}</a><h3>
               </div>
               {% endif %}
               {% else %}
                 {% if match.isStatistic %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">STATISTIQUES</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">STATISTIQUES</a><h3>
                 </div>
                 {% else %}
                 <div style="float: right;">
-                    <h1><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h1>
+                    <h3><a href="/match/{{ match.id }}/">#{{ match.court }}</a><h3>
                 </div>
                 {% endif %}
 
@@ -193,11 +196,12 @@
 
         {% endif %}
 
-        <!-- <p id="demo"></p> -->
+        {% if match.isMatch or match.isBracket %}
         <p class="duration">
           <div class="small"> {{ match.durationPrefix }}</div>
           <div class="big">{{ match.duration }}</div>
         </p>
+        {% endif %}
 
       </div>
       {% endfor %}