From cdfe2015749db5dba2c951a08072b1d317c84e5c Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 10 Jul 2023 15:55:05 +0200
Subject: [PATCH] render active filters like pills

---
 .../Resources/views/FilterOrder/base.html.twig                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/views/FilterOrder/base.html.twig b/src/Bundle/ChillMainBundle/Resources/views/FilterOrder/base.html.twig
index 4de7604cf..7a05a2f80 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/FilterOrder/base.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/FilterOrder/base.html.twig
@@ -95,9 +95,9 @@
     </div>
     {% set active = helper.getActiveFilters() %}
     {% if active|length > 0 %}
-        <div>
+        <div class="activeFilters mt-3">
             {% for f in active %}
-                <span class="{{ f.position }} {{ f.name }}">{% if f.label != '' %}{{ f.label|trans }}&nbsp;: {% endif %}{{ f.value }}</span>
+                <span class="badge rounded-pill bg-secondary ms-1 {{ f.position }} {{ f.name }}">{% if f.label != '' %}{{ f.label|trans }}&nbsp;: {% endif %}{{ f.value }}</span>
             {% endfor %}
         </div>
     {% endif %}