From f047473d33004d5753ccd4b97f6a5d9ad5c12a3f Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Thu, 3 Apr 2025 07:51:47 +0200
Subject: [PATCH] fix css ipad

---
 tournaments/static/tournaments/css/style.css  | 26 ++++++++++++++++---
 .../registration/my_tournaments.html          |  4 +--
 .../templates/tournaments/tournaments.html    |  4 +--
 .../tournaments/tournaments_list.html         |  2 +-
 4 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/tournaments/static/tournaments/css/style.css b/tournaments/static/tournaments/css/style.css
index 4194c79..559a059 100644
--- a/tournaments/static/tournaments/css/style.css
+++ b/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;
diff --git a/tournaments/templates/registration/my_tournaments.html b/tournaments/templates/registration/my_tournaments.html
index b118788..b237df0 100644
--- a/tournaments/templates/registration/my_tournaments.html
+++ b/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">
diff --git a/tournaments/templates/tournaments/tournaments.html b/tournaments/templates/tournaments/tournaments.html
index 4a30eb1..5320792 100644
--- a/tournaments/templates/tournaments/tournaments.html
+++ b/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">
diff --git a/tournaments/templates/tournaments/tournaments_list.html b/tournaments/templates/tournaments/tournaments_list.html
index 57d9370..fc757b0 100644
--- a/tournaments/templates/tournaments/tournaments_list.html
+++ b/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>