From 2febee0d7c3a4af2d924a4bd2c6cdf74dae3a500 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Wed, 14 May 2025 14:50:43 +0200
Subject: [PATCH] Move styling to scss file and fix styling of participation
 list

---
 .../Resources/public/chill/chillevent.scss             | 10 ++++++++++
 .../Resources/views/Event/page_list.html.twig          |  2 +-
 .../Resources/views/Event/show.html.twig               |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillEventBundle/Resources/public/chill/chillevent.scss b/src/Bundle/ChillEventBundle/Resources/public/chill/chillevent.scss
index 6020d45dc..14f10b768 100644
--- a/src/Bundle/ChillEventBundle/Resources/public/chill/chillevent.scss
+++ b/src/Bundle/ChillEventBundle/Resources/public/chill/chillevent.scss
@@ -55,3 +55,13 @@ form#export_tableur {
     -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
+
+.participation-list {
+    flex-wrap: wrap;
+}
+
+.participations-wrapper {
+    background-color: whitesmoke;
+    padding: 1rem;
+    margin-bottom: .5rem;
+}
diff --git a/src/Bundle/ChillEventBundle/Resources/views/Event/page_list.html.twig b/src/Bundle/ChillEventBundle/Resources/views/Event/page_list.html.twig
index 701634a8a..2938b06d2 100644
--- a/src/Bundle/ChillEventBundle/Resources/views/Event/page_list.html.twig
+++ b/src/Bundle/ChillEventBundle/Resources/views/Event/page_list.html.twig
@@ -57,7 +57,7 @@ block js %}
                 </div>
             </div>
             {% if e.participations|length > 0 %}
-            <div class="item-row separator">
+            <div class="participation-list item-row separator">
                 <strong>{{ "Participations" | trans }}&nbsp;: </strong>
                 {% for part in e.participations|slice(0, 20) %} {% include
                 '@ChillMain/OnTheFly/_insert_vue_onthefly.html.twig' with {
diff --git a/src/Bundle/ChillEventBundle/Resources/views/Event/show.html.twig b/src/Bundle/ChillEventBundle/Resources/views/Event/show.html.twig
index d8579006d..7f021f5f4 100644
--- a/src/Bundle/ChillEventBundle/Resources/views/Event/show.html.twig
+++ b/src/Bundle/ChillEventBundle/Resources/views/Event/show.html.twig
@@ -173,7 +173,7 @@
         </div>
     {% endif %}
 
-    <div class="participations-wrapper" style="background-color: whitesmoke; padding: 1rem; margin-bottom: .5rem;">
+    <div class="participations-wrapper">
         <h2>{{ 'Participations'|trans }}</h2>
         {% set count = event.participations|length %}
         <p>{{ 'count participations to this event'|trans({'count': count}) }}</p>