fix(PublicPage): modal close btn improvement and schedule description style

assets/development/styles/organization.css

@@ -258,6 +258,7 @@
 }
 
 .media-close {
+  filter: drop-shadow(2px 4px 6px black);
   position: absolute;
   width: 1.5em;
   height: 1.5em;
@@ -265,7 +266,7 @@
   top: -.75em;
   color: white;
   cursor: pointer;
-  opacity: 0.7;
+  opacity: 0.9;
   transition: all 0.2s;
 }
 
@@ -398,6 +399,10 @@ section {
   cursor: pointer;
 }
 
+.schedule-category-header .subtitle, .schedule-category-header .separator {
+  opacity: 0.75;
+}
+
 .schedule-category-collapse-icon {
   transform: rotate(180deg);
   color: #B12008;

views/organization.twig

@@ -111,7 +111,10 @@
       <div class="schedule-category">
         <div class="schedule-category-header" title="Déroulez">
           <div class="schedule-category-name">
-            {{ item.name|e }} {% if item.description is not empty %}<span class="separator">-</span> {{ item.description|e }}{% endif %}
+            {{ item.name|e }}
+            {% if item.description is not empty %}
+            <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">