From 71d4962d1878c6c060880b273595913363240d22 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Thu, 24 Jul 2025 10:45:58 +0200
Subject: [PATCH] make service card in partner listing aligned

---
 .../templates/services/partner_detail.html    | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/hub/services/templates/services/partner_detail.html b/hub/services/templates/services/partner_detail.html
index f5a9710..9588d0f 100644
--- a/hub/services/templates/services/partner_detail.html
+++ b/hub/services/templates/services/partner_detail.html
@@ -157,18 +157,18 @@
                         <div class="row">
                             {% for service in services %}
                                 <div class="col-12 col-md-6 mb-30">
-                                    <div class="card h-100 d-flex flex-column">
-                                        <div class="card__content d-flex flex-column flex-grow-1">
-                                            {% if service.get_logo %}
-                                            <div class="d-flex align-items-center justify-content-start" style="height: 60px; margin-bottom: 1rem; width: 100%;">
-                                                <a href="{{ service.get_absolute_url }}" class="clickable-link" style="display: block; width: 120px; height: 60px;">
-                                                    <img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo" 
-                                                         style="width: 100%; height: 100%; object-fit: contain; object-position: left center; display: block;">
-                                                </a>
+                                    <div class="card h-100 d-flex flex-column clickable-card"
+                                         onclick="cardClicked(event, '{{ service.get_absolute_url }}')">
+                                        {% if service.get_logo %}
+                                        <div class="d-flex justify-content-between mb-3">
+                                            <div class="card__image flex-shrink-0">
+                                                <img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo" class="img-fluid">
                                             </div>
-                                            {% endif %}
+                                        </div>
+                                        {% endif %}
+                                        <div class="card__content d-flex flex-column flex-grow-1">
                                             <div class="card__header">
-                                                <h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3>
+                                                <h3 class="card__title">{{ service.name }}</h3>
                                                 <p class="card__subtitle">
                                                     {% for category in service.categories.all %}
                                                     <span>{{ category.full_path }}</span>