From a38d226ea54bf2767b46a428d04bdd0916986029 Mon Sep 17 00:00:00 2001
From: Jean-Marie Favreau <jean-marie.favreau@logiroad-center.com>
Date: Sun, 9 Mar 2025 17:29:13 +0100
Subject: [PATCH] On ajuste la largeur des jours

Fix #243
---
 src/agenda_culturel/static/style.scss | 28 +++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index 862e452..1149d91 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -330,6 +330,14 @@ footer [data-tooltip] {
 }
 
 
+#calendar.week {
+    .grid {
+        grid-template-columns: repeat(7, 85vw);
+        width: fit-content;
+    }
+}
+
+
 #calendar {
     width: 100%;
     overflow: auto;
@@ -343,8 +351,6 @@ footer [data-tooltip] {
     }
 
     .grid {
-        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
-        min-width: 1840px;
         article {
             scroll-snap-align: start;
         }
@@ -352,6 +358,7 @@ footer [data-tooltip] {
     }
     .grid.week-in-month {
         grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
+        min-width: 1840px;
         margin-bottom: .5em;
     }
     .entete-semaine {
@@ -392,6 +399,23 @@ footer [data-tooltip] {
     }
 }
 
+@media only screen and (min-width: 600px) {
+    #calendar.week {
+        .grid {
+        grid-template-columns: repeat(7, 300px);
+        }
+    }
+}
+
+
+@media only screen and (min-width: 1700px) {
+    #calendar.week {
+        .grid {
+        grid-template-columns: repeat(7, 1fr);
+        }
+    }
+}
+
 @media only screen and (min-width: 992px) {
 
     .infos-and-buttons {