From b14e4eef10e671a4f7f80a1da6653b1cb1edeac8 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Fri, 3 Feb 2023 17:38:56 +0100
Subject: [PATCH] :lipstick: [#1021] experimental template change

---
 .../templates/components/Card/RenderCard.html | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/open_inwoner/components/templates/components/Card/RenderCard.html b/src/open_inwoner/components/templates/components/Card/RenderCard.html
index d78dc5d405..ac2f325bfc 100644
--- a/src/open_inwoner/components/templates/components/Card/RenderCard.html
+++ b/src/open_inwoner/components/templates/components/Card/RenderCard.html
@@ -2,22 +2,25 @@
 
 {# Utilizes same template as Card. #}
 <div class="card{% if compact %} card--compact{% endif %}{% if inline %} card--inline{% endif %}{% if stretch %} card--stretch{% endif %}{% if tinted %} card--tinted{% endif %}{% if type %} card--type-{{ type }}{% endif %}">
-    {% if src %}
-        <a class="card__header" href="{{ href }}" title="{{ title }}" aria-describedby="{{ title }}">
-            <img class="card__img{% if image_object_fit %} card__img--{{ image_object_fit }}{% endif %}" src="{{ src }}" alt="{{ alt }}"/>
-        </a>
-    {% endif %}
+    <a class="card__link" href="{{ href }}" title="{{ title }}" aria-describedby="{{ title }}">
 
-    <div class="card__body{% if direction %} card__body--direction-{{ direction }}{% endif %}{% if grid %} card__body--grid{% endif %}">
-        {% if title %}
-            <p class="{% if compact %}h4{% else %}h3{% endif %}">
-                {% if href %}
-                    {% link href=href text=title %}
-                {% else %}
-                    {{ title }}
-                {% endif %}
-            </p>
+        {% if src %}
+            <a class="card__header" href="{{ href }}" title="{{ title }}" aria-describedby="{{ title }}">
+                <img class="card__img{% if image_object_fit %} card__img--{{ image_object_fit }}{% endif %}" src="{{ src }}" alt="{{ alt }}"/>
+            </a>
         {% endif %}
-        {{ contents }}
-    </div>
+
+        <div class="card__body{% if direction %} card__body--direction-{{ direction }}{% endif %}{% if grid %} card__body--grid{% endif %}">
+            {% if title %}
+                <p class="{% if compact %}h4{% else %}h3{% endif %}">
+                    {% if href %}
+                        {% link href=href text=title %}
+                    {% else %}
+                        {{ title }}
+                    {% endif %}
+                </p>
+            {% endif %}
+            {{ contents }}
+        </div>
+    </a>
 </div>