From 150250bfb10f2e07393bb161ff5c649800ad6da3 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Fri, 20 Jun 2025 14:40:28 +0200
Subject: [PATCH] visual improvements

---
 .../templates/services/pricelist.html         | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/hub/services/templates/services/pricelist.html b/hub/services/templates/services/pricelist.html
index 502b243..f01109a 100644
--- a/hub/services/templates/services/pricelist.html
+++ b/hub/services/templates/services/pricelist.html
@@ -174,19 +174,19 @@
                                 <h6>Price Components</h6>
                                 <ul class="list-unstyled">
                                     <li class="mb-2">
-                                        <span class="badge" style="background-color: #0d6efd;">Compute Plan Price</span>
+                                        <span class="badge">Compute Plan Price</span>
                                         <span class="ms-2">Base infrastructure cost for CPU, memory, and storage</span>
                                     </li>
                                     <li class="mb-2">
-                                        <span class="badge" style="background-color: #6f42c1;">SLA Base</span>
+                                        <span class="badge">SLA Base</span>
                                         <span class="ms-2">Fixed cost for the service level agreement</span>
                                     </li>
                                     <li class="mb-2">
-                                        <span class="badge" style="background-color: #fd7e14;">Units × SLA Per Unit</span>
+                                        <span class="badge">Units × SLA Per Unit</span>
                                         <span class="ms-2">Variable cost based on scale/usage</span>
                                     </li>
                                     <li class="mb-2">
-                                        <span class="badge" style="background-color: #dc3545;">Mandatory Add-ons</span>
+                                        <span class="badge">Mandatory Add-ons</span>
                                         <span class="ms-2">Required additional services (backup, monitoring, etc.)</span>
                                     </li>
                                 </ul>
@@ -305,9 +305,9 @@
                     {% 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 bg-secondary me-1">Discount Details</span>{% endif %}
-                    {% if show_addon_details %}<span class="badge bg-info me-1">Addon Details</span>{% endif %}
-                    {% if show_price_comparison %}<span class="badge bg-warning me-1">Price Comparisons</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 %}
                 </div>
             {% endif %}
             
@@ -609,12 +609,12 @@
                                                             <div class="text-center">
                                                                 {% if row.external_comparisons %}
                                                                     <div class="mb-1">
-                                                                        <span class="badge bg-secondary">{{ row.external_comparisons|length }} External</span>
+                                                                        <span class="badge">{{ row.external_comparisons|length }} External</span>
                                                                     </div>
                                                                 {% endif %}
                                                                 {% if row.internal_comparisons %}
                                                                     <div class="mb-1">
-                                                                        <span class="badge bg-success">{{ row.internal_comparisons|length }} Internal</span>
+                                                                        <span class="badge">{{ row.internal_comparisons|length }} Internal</span>
                                                                     </div>
                                                                 {% endif %}
                                                                 <small class="text-muted">See rows below</small>
@@ -636,7 +636,7 @@
                                                             </div>
                                                         </td>
                                                         <td class="text-muted">
-                                                            <span class="badge bg-secondary">{{ comparison.provider }}</span>
+                                                            <span class="badge">{{ comparison.provider }}</span>
                                                         </td>
                                                         <td class="text-muted">
                                                             {% if comparison.vcpus %}{{ comparison.vcpus }}{% else %}-{% endif %}
@@ -701,7 +701,7 @@
                                                             </div>
                                                         </td>
                                                         <td class="text-muted">
-                                                            <span class="badge bg-success">{{ comparison.provider }}</span>
+                                                            <span class="badge">{{ comparison.provider }}</span>
                                                         </td>
                                                         <td class="text-muted">{{ comparison.vcpus }}</td>
                                                         <td class="text-muted">{{ comparison.ram }}</td>