From a8a40ae72cc270884ee753fa4a1eec27086e0b7f Mon Sep 17 00:00:00 2001
From: Jean-Marie Favreau <jean-marie.favreau@logiroad-center.com>
Date: Sun, 9 Mar 2025 21:16:57 +0100
Subject: [PATCH] Ajustements de mise en page

---
 src/agenda_culturel/static/js/calendar-buttons.js | 8 ++++++++
 src/agenda_culturel/static/style.scss             | 9 ++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/agenda_culturel/static/js/calendar-buttons.js b/src/agenda_culturel/static/js/calendar-buttons.js
index 32a3804..fe7acda 100644
--- a/src/agenda_culturel/static/js/calendar-buttons.js
+++ b/src/agenda_culturel/static/js/calendar-buttons.js
@@ -8,19 +8,25 @@ function displayButtons() {
     grid   = agenda.querySelector(".grid");
     buttonLeft = navigation.querySelector(".slider-button-inside.button-left");
     buttonRight = navigation.querySelector(".slider-button-inside.button-right");
+    buttonPageLeft = navigation.querySelector(".slider-button-page.button-left");
+    buttonPageRight = navigation.querySelector(".slider-button-page.button-right");
 
     if (agenda.offsetWidth < grid.offsetWidth) {
         if (agenda.scrollLeft < delta) {
             buttonLeft.classList.add("hidden");
+            buttonPageLeft.classList.remove("hidden");
         }
         else {
             buttonLeft.classList.remove("hidden");
+            buttonPageLeft.classList.add("hidden");
         }
         if (agenda.scrollLeft + agenda.offsetWidth - grid.offsetWidth >= -2) {
             buttonRight.classList.add("hidden");
+            buttonPageRight.classList.remove("hidden");
         }
         else {
             buttonRight.classList.remove("hidden");
+            buttonPageRight.classList.add("hidden");
         }
 
 
@@ -28,6 +34,8 @@ function displayButtons() {
     else {
         buttonLeft.classList.add("hidden");
         buttonRight.classList.add("hidden");
+        buttonPageLeft.classList.remove("hidden");
+        buttonPageRight.classList.remove("hidden");
     }
 }
 
diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index 7757d10..b7056fa 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -461,6 +461,7 @@ header .title {
     position: sticky;
     top: 0;
     display: grid;
+    height: fit-content;
 
     grid-template-columns: fit-content(6em) 3fr fit-content(6em);
 
@@ -481,6 +482,12 @@ header .title {
         margin: 0;
     }
     @media only screen and (min-width: 450px) {
+        hgroup {
+            font-size: 80%;
+        }
+    }
+
+    @media only screen and (min-width: 250px) {
 
         .title {
             grid-column: 2/3;
@@ -1545,7 +1552,7 @@ img.preview {
 
 .a-venir {
     #navigation {
-        height: 4.5em;
+        /*height: 4.5em;*/
         z-index: 11;
         padding-top: 1em;
         .title.deuxlignes {