fix(tags page): improve tag display

webapp/templates/webapp/tags/display_all_tags.html.twig

@@ -20,13 +20,14 @@
         {{ 'tags.display_all.total_number'|trans({'%count%': tags_count }) }}
     </div>
 
-    <ul class="list-group">
+    <ul>
         {% for tag in tags_collection %}
-            <li id="tag_{{ tag.slug | replace({'.': "-"}) }}">
-{#                <a class="list-group-item list-group-item-action tag_link" #}
-{#                   href="{{ path('app_tags_display_one_tag', {'slug': tag.slug, 'id': tag.id }) }}">{{ tag.name }}</a>#}
+            <li id="tag_{{ tag.slug | replace({'.': "-"}) }}"
+                class="tag_item_{{ tag.id }} badge bg-primary-subtle text-primary-emphasis rounded-pill m-1">
                 <a class="tag_link"
-                   href="{{ path('app_tags_display_one_tag', {'slug': tag.slug, 'id': tag.id }) }}">{{ tag.name }}</a>
+                   href="{{ path('app_tags_display_one_tag', {'slug': tag.slug, 'id': tag.id }) }}">
+                    {{ tag.name }}
+                </a>
             </li>
         {% endfor %}
     </ul>