From 59f14b0df301053669b57833ac261a544a882b7c Mon Sep 17 00:00:00 2001
From: Jean-Marie Favreau <j-marie.favreau@uca.fr>
Date: Wed, 29 Nov 2023 22:54:25 +0100
Subject: [PATCH] =?UTF-8?q?la=20grille=20s'affiche=20en=207=20colonnes=20m?=
 =?UTF-8?q?=C3=AAme=20sur=20smartphone?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/agenda_culturel/static/style.scss         | 34 ++++++++++++-------
 .../templates/agenda_culturel/page-week.html  | 11 +++---
 2 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index 85b536e..318035a 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -163,6 +163,27 @@ footer {
 }
 
 
+#calendar {
+    width: 100%;
+    overflow: scroll;
+    .grid {
+        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
+        min-width: 992px;
+    }
+    .grid.week-in-month {
+        grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
+        margin-bottom: .5em;
+    }
+    .entete-semaine {
+        text-orientation: upright;
+        writing-mode: sideways-lr;
+        background: rgba(0, 137, 137, 0.2);
+        padding: 1em 0;
+        h2 {
+            margin: 0;
+        }
+    }
+}
 
 @media only screen and (min-width: 992px) {
 
@@ -182,19 +203,6 @@ footer {
         flex: auto;
     }
 
-    .grid.week-in-month {
-        grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
-        margin-bottom: .5em;
-      }
-    .entete-semaine {
-        text-orientation: upright;
-        writing-mode: sideways-lr;
-        background: rgba(0, 137, 137, 0.2);
-        padding: 1em 0;
-        h2 {
-            margin: 0;
-        }
-    }
 
 }
 
diff --git a/src/agenda_culturel/templates/agenda_culturel/page-week.html b/src/agenda_culturel/templates/agenda_culturel/page-week.html
index a21a536..5ab88b3 100644
--- a/src/agenda_culturel/templates/agenda_culturel/page-week.html
+++ b/src/agenda_culturel/templates/agenda_culturel/page-week.html
@@ -52,12 +52,15 @@
             </div>
         </div>
     </header>
-    <div class="grid" id="calendar">
-    {% for d in calendar.calendar_days_list %}
-    {% include "agenda_culturel/day-inc.html" with day=d fixed_style=calendar.all_in_past filter=filter %}
-    {% endfor %}
+    <div id="calendar">
+        <div class="grid">
+        {% for d in calendar.calendar_days_list %}
+        {% include "agenda_culturel/day-inc.html" with day=d fixed_style=calendar.all_in_past filter=filter %}
+        {% endfor %}
+        </div>
     </div>
 
+
     <footer>
         {% if calendar.today_in_calendar %}
         <a role="button" href="{% url 'aujourdhui' %}?{{ filter.get_url }}">Aujourd'hui</a>