From ce6a1597b2f8dbb3ec601d40650091baa517a276 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Wed, 26 Feb 2025 10:50:43 +0100
Subject: [PATCH] add featured services styling

---
 .../templates/services/service_list.html      | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/hub/services/templates/services/service_list.html b/hub/services/templates/services/service_list.html
index 9273c14..763e883 100644
--- a/hub/services/templates/services/service_list.html
+++ b/hub/services/templates/services/service_list.html
@@ -145,12 +145,21 @@
                 <div class="row">
                     {% for service in services %}
                     <div class="col-12 col-md-6 col-lg-4 mb-30">
-                        <div class="card h-100 d-flex flex-column">
-                            {% if service.logo %}
-                            <div class="card__image flex-shrink-0">
-                                <a href="{{ service.get_absolute_url }}">
-                                    <img src="{{ service.logo.url }}" alt="{{ service.name }} logo" class="img-fluid">
-                                </a>
+                        <div class="card {% if service.is_featured %}card-featured{% endif %} h-100 d-flex flex-column">
+                            {% if service.logo or service.is_featured %}
+                            <div class="d-flex justify-content-between">
+                                {% if service.logo %}
+                                <div class="card__image flex-shrink-0">
+                                    <a href="{{ service.get_absolute_url }}">
+                                        <img src="{{ service.logo.url }}" alt="{{ service.name }} logo" class="img-fluid">
+                                    </a>
+                                </div>
+                                {% endif %}
+                                {% if service.is_featured %}
+                                <div>
+                                    <a class="btn btn-primary btn-sm" href="">Featured</a>
+                                </div>
+                                {% endif %}
                             </div>
                             {% endif %}
                             <div class="card__content d-flex flex-column flex-grow-1">