From 1ad5c0c38c602f9661d09ed2067ef772d2ab3776 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Thu, 20 Mar 2025 16:28:38 +0100
Subject: [PATCH] improve the cta offering buttons on the service detail page

---
 .../templates/services/service_detail.html         | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/hub/services/templates/services/service_detail.html b/hub/services/templates/services/service_detail.html
index 88c039d..2d30bd1 100644
--- a/hub/services/templates/services/service_detail.html
+++ b/hub/services/templates/services/service_detail.html
@@ -142,11 +142,15 @@
                             {% if service.offerings.exists %}
                                 <h3 class="fs-24 fw-semibold lh-1 mb-12">Get it on</h3>
                                 <p>Choose one of our trusted service providers</p>
-                                {% for offering in service.offerings.all %}
-                                    <p><a class="btn btn-primary btn-lg mr-md-17 mb-17 mb-md-0px mb-lg-17 mb-xl-0 w-100 w-md-auto" 
-                                        href="{% url 'services:offering_detail' offering.cloud_provider.slug offering.service.slug %}"
-                                        role="button">{{ offering.cloud_provider.name }}</a></p>
-                                {% endfor %}
+                                <div class="d-flex flex-wrap gap-3">
+                                    {% for offering in service.offerings.all %}
+                                    {% if not offering.cloud_provider.disable_listing %}
+                                        <a class="btn btn-primary btn-lg w-auto" 
+                                            href="{% url 'services:offering_detail' offering.cloud_provider.slug offering.service.slug %}"
+                                            role="button">{{ offering.cloud_provider.name }}</a>
+                                    {% endif %}
+                                    {% endfor %}
+                                </div>
                             {% else %}
                                 <div class="pt-40">
                                     <h3 class="fs-24 fw-semibold lh-1 mb-12">Contact Us About This Service</h3>