new style list of tournaments

tournaments/static/tournaments/css/style.css

@@ -629,6 +629,14 @@ h-margin {
     justify-content: space-between;
 }
 
+.table-row-5-colums-tournament.footer {
+    grid-template-columns: 1fr; /* Override to just 2 columns for header */
+    text-align: center; /* Center the text content */
+    width: 100%;
+    color: gray;
+    text-decoration: underline !important; /* Ensures the link is underlined */
+}
+
 @media screen and (max-width: 800px) {
     /* Adjust breakpoint as needed */
     .table-row-5-colums-tournament {

tournaments/templates/tournaments/tournaments.html

@@ -23,43 +23,48 @@
 
                 <div class="table-row-5-colums-tournament header">
                     <label class="title">En cours</label>
+                </div>
+
+
+                {% for tournament in live %}
+                {% include 'tournaments/tournament_row.html' %}
+                {% endfor %}
+
+                <div class="table-row-5-colums-tournament footer">
                     {% if live|length >= 10 %}
-                    <div class="mybox small">
+                    <div class="small">
                         {% if club %}
-                        <a href="{% url 'tournaments' %}?filter=1&club={{ club.id }}">tout voir</a>
+                        <a href="{% url 'tournaments' %}?filter=1&club={{ club.id }}">voir tous les tournois en cours</a>
                         {% else %}
-                        <a href="{% url 'tournaments' %}?filter=1">tout voir</a>
+                        <a href="{% url 'tournaments' %}?filter=1">voir tous les tournois en cours</a>
                         {% endif %}
                     </div>
                     {% endif %}
                 </div>
 
-
-                {% for tournament in live %}
-                {% include 'tournaments/tournament_row.html' %}
-                {% endfor %}
-
                 {% endif %}
 
                 {% if future %}
 
                 <div class="table-row-5-colums-tournament header">
                     <label class="title">À venir</label>
-                    {% if future|length >= 10 %}
+                </div>
-                    <div class="mybox small">
+
+                {% for tournament in future %}
+                {% include 'tournaments/tournament_row.html' %}
+                {% endfor %}
+                <div class="table-row-5-colums-tournament footer">
+                    {% if live|length >= 10 %}
+                    <div class="small">
                         {% if club %}
-                        <a href="{% url 'tournaments' %}?filter=0&club={{ club.id }}">tout voir</a>
+                        <a href="{% url 'tournaments' %}?filter=0&club={{ club.id }}">voir tous les tournois à venir</a>
                         {% else %}
-                        <a href="{% url 'tournaments' %}?filter=0">tout voir</a>
+                        <a href="{% url 'tournaments' %}?filter=0">voir tous les tournois à venir</a>
                         {% endif %}
                     </div>
                     {% endif %}
                 </div>
 
-                {% for tournament in future %}
-                {% include 'tournaments/tournament_row.html' %}
-                {% endfor %}
-
                 {% endif %}
 
             </div>
@@ -73,20 +78,21 @@
 
                 <div class="table-row-5-colums-tournament header">
                     <label class="title">Terminés</label>
-                    {% if ended|length >= 10 %}
+                </div>
-                    <div class="mybox small">
+                {% for tournament in ended %}
+                {% include 'tournaments/tournament_row.html' %}
+                {% endfor %}
+                <div class="table-row-5-colums-tournament footer">
+                    {% if live|length >= 10 %}
+                    <div class="small">
                         {% if club %}
-                        <a href="{% url 'tournaments' %}?filter=2&club={{ club.id }}">tout voir</a>
+                        <a href="{% url 'tournaments' %}?filter=2&club={{ club.id }}">voir tous les tournois terminés</a>
                         {% else %}
-                        <a href="{% url 'tournaments' %}?filter=2">tout voir</a>
+                        <a href="{% url 'tournaments' %}?filter=2">voir tous les tournois terminés</a>
                         {% endif %}
                     </div>
                     {% endif %}
                 </div>
-                {% for tournament in ended %}
-                {% include 'tournaments/tournament_row.html' %}
-                {% endfor %}
-
             </div>
         </div>
         {% endif %}