From 3101da4d0b054df70e5f93b05159f25709928649 Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <spamfree@matthieubessat.fr>
Date: Wed, 19 Aug 2020 12:41:50 +0200
Subject: [PATCH] fix(PublicPage): fix style
 schedule-category-collapse-icon-container

---
 assets/development/styles/organization.css |  9 ++++++++-
 views/organization.twig                    | 10 ++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/assets/development/styles/organization.css b/assets/development/styles/organization.css
index fcf7504..6f24647 100644
--- a/assets/development/styles/organization.css
+++ b/assets/development/styles/organization.css
@@ -435,13 +435,20 @@ section {
 .schedule-category-header {
   background-color: rgba(189,195,199,.97);
   border-radius: 4px;
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr 1.5em;
   justify-content: space-between;
   align-items: center;
   padding: 1em 2em 1em 2em;
   cursor: pointer;
 }
 
+.schedule-category-collapse-icon-container {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
 .schedule-category-header .subtitle, .schedule-category-header .separator {
   opacity: 0.75;
 }
diff --git a/views/organization.twig b/views/organization.twig
index 6e5217c..d4459fc 100644
--- a/views/organization.twig
+++ b/views/organization.twig
@@ -136,10 +136,12 @@
             <span class="separator">-</span><span class="subtitle"> {{ item.description|e }}</span>
             {% endif %}
           </div>
-          <svg class="schedule-category-collapse-icon"
-            aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-            <path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm231-113.9L103.5 277.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L256 226.9l101.6 101.6c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L273 142.1c-9.4-9.4-24.6-9.4-34 0z"></path>
-          </svg>
+          <div class="schedule-category-collapse-icon-container">
+            <svg class="schedule-category-collapse-icon"
+              aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm231-113.9L103.5 277.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L256 226.9l101.6 101.6c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L273 142.1c-9.4-9.4-24.6-9.4-34 0z"></path>
+            </svg>
+          </div>
         </div>
         <div class="schedule-category-table">
           <div class="schedule-category-days-container">