From 2aceb888d2fb64bde185226135b756b2e9134fa1 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 3 Sep 2024 13:21:23 +0200
Subject: [PATCH] fix collapsable content padding

---
 assets/css/src/collapsable-section.css | 7 +++----
 site/templates/event.php               | 8 +++++---
 site/templates/program.php             | 2 +-
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/assets/css/src/collapsable-section.css b/assets/css/src/collapsable-section.css
index f7ca2a9..40b5b14 100644
--- a/assets/css/src/collapsable-section.css
+++ b/assets/css/src/collapsable-section.css
@@ -4,9 +4,8 @@
   padding: 0 !important;
 }
 
-.collapsable > *,
-.collapsable.sessions > button,
-.collapsable .session {
+.collapsable > button.toggle,
+.collapsable__item--padding {
   padding: var(--row-padding);
   box-sizing: border-box;
   width: 100%;
@@ -51,7 +50,7 @@
 }
 
 .sessions--detailed .session {
-  grid-template-columns: 2fr 2.5fr 1fr 1fr 1fr !important;
+  grid-template-columns: 1.5fr 2fr 1fr 1fr 1.5fr !important;
 }
 
 .collapsable__content .production p:not(:last-child) {
diff --git a/site/templates/event.php b/site/templates/event.php
index 80efb5c..63728f9 100644
--- a/site/templates/event.php
+++ b/site/templates/event.php
@@ -79,7 +79,7 @@
         "
       >
         <template x-for="session in sessions">
-          <div class="session grid">
+          <div class="collapsable__item--padding session grid">
             <p x-text="dateToFrench(session.date)"></p>
             <p x-text="session.time"></p>
             <p><?= $page->place() ?></p>
@@ -104,7 +104,7 @@
     <?php slot('content') ?>
       <div class="production">
         <?php foreach ($page->production()->toLayouts() as $layout): ?>
-        <div class="grid" id="<?= $layout->id() ?>">
+        <div class="collapsable__item--padding grid" id="<?= $layout->id() ?>">
           <?php foreach ($layout->columns() as $column): ?>
           <div class="grid__item" style="--span:<?= $column->span() ?>">
             <div class="blocks">
@@ -121,12 +121,14 @@
   <?php if ($page->resources()->isNotEmpty()): ?>  
   <?php snippet('collapsable-section', ['title' => 'Ressources'], slots: true) ?>
     <?php slot('content') ?>
-      <div class="resources grid">
+      <div class="resources">
+        <div class="collapsable__item--padding grid">
         <?php foreach($page->resources()->toStructure() as $resource): ?>
             <div class="resource grid__item" style="--span: 4;">
               <p><?= $resource->name() ?></p><a href="<?= $resource->file()->toFile()->url() ?>" title="Télécharger le fichier" download>télécharger ↓</a>
             </div>
         <?php endforeach ?>
+        </div>
       </div>
     <?php endslot() ?>
   <?php endsnippet() ?>
diff --git a/site/templates/program.php b/site/templates/program.php
index 13db5de..4d2925c 100644
--- a/site/templates/program.php
+++ b/site/templates/program.php
@@ -108,7 +108,7 @@
                         throw new Exception($session['title'], 1);
                       }
                     ?>
-                    <li class="session grid js-link" style="--color: <?= $session['color'] ?>" @click="goTo(event, '<?= $session['event-url'] ?>')" title="En savoir plus">
+                    <li class="collapsable__item--padding session grid js-link" style="--color: <?= $session['color'] ?>" @click="goTo(event, '<?= $session['event-url'] ?>')" title="En savoir plus">
                       <div class="session__info">
                         <p><?= $formattedDate ?></p>
                         <p><?= $session['time'] ?><?php e($endTime, ' - ' . $endTime) ?></p>