Move styling to scss file and fix styling of participation list

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;
+}

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 {

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>