From 46d32cb1a0e03ef5d7c0ea378c68f5ec33eeee12 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Mon, 7 Jul 2025 14:32:56 +0200
Subject: [PATCH] show active filters as list

---
 hub/services/templates/services/pricelist.html | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/hub/services/templates/services/pricelist.html b/hub/services/templates/services/pricelist.html
index 6dd47f2..74df5f0 100644
--- a/hub/services/templates/services/pricelist.html
+++ b/hub/services/templates/services/pricelist.html
@@ -297,16 +297,17 @@
             {% if filter_cloud_provider or filter_service or filter_compute_plan_group or filter_service_level or show_discount_details or show_addon_details or show_price_comparison %}
                 <div class="alert alert-info">
                     <strong>Active Filters:</strong>
-                    {% if filter_cloud_provider %}<span class="badge me-1">Cloud Provider: {{ filter_cloud_provider }}</span>{% endif %}
-                    {% if filter_service %}<span class="badge me-1">Service: {{ filter_service }}</span>{% endif %}
-                    {% if filter_compute_plan_group %}<span class="badge me-1">Group: {{ filter_compute_plan_group }}</span>{% endif %}
-                    {% if filter_service_level %}<span class="badge me-1">Service Level: {{ filter_service_level }}</span>{% endif %}
-                    {% if show_discount_details %}<span class="badge me-1">Discount Details</span>{% endif %}
-                    {% if show_addon_details %}<span class="badge me-1">Addon Details</span>{% endif %}
-                    {% if show_price_comparison %}<span class="badge me-1">Price Comparisons</span>{% endif %}
+                    <ul class="mt-2 mb-4">
+                        {% if filter_cloud_provider %}<li>Cloud Provider: {{ filter_cloud_provider }}</li>{% endif %}
+                        {% if filter_service %}<li>Service: {{ filter_service }}</li>{% endif %}
+                        {% if filter_compute_plan_group %}<li>Group: {{ filter_compute_plan_group }}</li>{% endif %}
+                        {% if filter_service_level %}<li>Service Level: {{ filter_service_level }}</li>{% endif %}
+                        {% if show_discount_details %}<li>Discount Details</li>{% endif %}
+                        {% if show_addon_details %}<li>Addon Details</li>{% endif %}
+                        {% if show_price_comparison %}<li>Price Comparisons</li>{% endif %}
+                    </ul>
                 </div>
             {% endif %}
-            
             {% if pricing_data_by_group_and_service_level %}
                 {% for group_name, service_levels in pricing_data_by_group_and_service_level.items %}
                     <div class="mb-5 border rounded p-3">