From 327fb9a3aa4bf31526acc1aa16d5a28f5e54b8f4 Mon Sep 17 00:00:00 2001
From: Tobias Brunner <tobias.brunner@vshn.ch>
Date: Fri, 11 Jul 2025 15:00:22 +0200
Subject: [PATCH] better display of service logos in partner detail page

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

diff --git a/hub/services/templates/services/partner_detail.html b/hub/services/templates/services/partner_detail.html
index 159533f..2b7a10a 100644
--- a/hub/services/templates/services/partner_detail.html
+++ b/hub/services/templates/services/partner_detail.html
@@ -156,18 +156,17 @@
                         </h3>
                         <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">
-                                    {% if service.get_logo %}
-                                    <div class="d-flex justify-content-between align-items-start mb-3">
-                                        <div class="card__image flex-shrink-0" style="max-width: 200px;">
-                                            <a href="{{ service.get_absolute_url }}">
-                                                <img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo" 
-                                                     class="img-fluid" style="max-height: 60px; object-fit: contain;">
-                                            </a>
-                                        </div>
-                                    </div>
-                                    {% endif %}
+                                <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>
+                                            {% endif %}
                                             <div class="card__header">
                                                 <h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3>
                                                 <p class="card__subtitle">