fix css ipad

tournaments/static/tournaments/css/style.css

@@ -611,7 +611,7 @@ h-margin {
 
 .table-row-5-colums-tournament {
     display: grid;
-    grid-template-columns: 75px 90px 1fr 120px;
+    grid-template-columns: 75px 95px 1fr 120px;
     align-items: center;
     gap: 4px;
 }
@@ -621,7 +621,7 @@ h-margin {
 }
 
 .table-row-5-colums-tournament.header {
-    grid-template-columns: 1fr auto; /* Override to just 2 columns for header */
+    grid-template-columns: 1fr;
     justify-content: space-between;
 }
 
@@ -633,7 +633,27 @@ h-margin {
     text-decoration: underline !important; /* Ensures the link is underlined */
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 64em) {
+    /* Adjust breakpoint as needed */
+    .table-row-5-colums-tournament {
+        grid-template-columns: 80px 100px 1fr 120px;
+        gap: 4px;
+    }
+
+    .small {
+        font-size: 1em;
+    }
+
+    .very-large {
+        font-size: 1.4em;
+    }
+
+    .very-large.club-name {
+        font-size: 1.2em;
+    }
+}
+
+@media screen and (max-width: 40em) {
     /* Adjust breakpoint as needed */
     .table-row-5-colums-tournament {
         grid-template-columns: 60px 70px 1fr 80px;

tournaments/templates/registration/my_tournaments.html

@@ -11,7 +11,7 @@
 {% load tz %}
 
 <div class="grid-x">
-    <div class="cell medium-10 large-5 topblock padding10">
+    <div class="cell medium-12 large-6 topblock padding10">
         <div>
             <div class="table-row-5-colums-tournament header">
                 <label class="title">Vos tournois en cours</label>
@@ -47,7 +47,7 @@
 
     </div>
 
-    <div class="cell large-offset-1 medium-10 large-5 topblock padding10">
+    <div class="cell medium-12 large-6 topblock padding10">
         <div>
 
             <div class="table-row-5-colums-tournament header">

tournaments/templates/tournaments/tournaments.html

@@ -15,7 +15,7 @@
     <div class="grid-x">
 
         {% if live or future %}
-        <div class="cell medium-10 large-5 topblock padding10">
+        <div class="cell medium-12 large-6 topblock padding10">
 
             <div>
 
@@ -73,7 +73,7 @@
         {% endif %}
 
         {% if ended %}
-        <div class="cell large-offset-1 medium-10 large-5 topblock padding10">
+        <div class="cell medium-12 large-6 topblock padding10">
             <div>
 
                 <div class="table-row-5-colums-tournament header">

tournaments/templates/tournaments/tournaments_list.html

@@ -11,7 +11,7 @@
     <div class="grid-x">
 
         {% if tournaments %}
-        <div class="cell medium-10 large-5 topblock padding10">
+        <div class="cell medium-12 large-6 topblock padding10">
 
             <div>