From 2c730d81d46f9f6e169ea6dc8777a9fe7f561183 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Tue, 13 Feb 2024 17:34:43 +0100
Subject: [PATCH] :lipstick: [#2111] Fixed case-card headers and card heading
 fonts

---
 .../templates/components/Card/CategoryCard.html           | 8 ++++----
 .../templates/components/Card/LocationCard.html           | 2 +-
 src/open_inwoner/scss/components/Card/Card.scss           | 1 +
 src/open_inwoner/scss/components/Cases/Cases.scss         | 3 ++-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/open_inwoner/components/templates/components/Card/CategoryCard.html b/src/open_inwoner/components/templates/components/Card/CategoryCard.html
index 607953b108..8362f54685 100644
--- a/src/open_inwoner/components/templates/components/Card/CategoryCard.html
+++ b/src/open_inwoner/components/templates/components/Card/CategoryCard.html
@@ -6,9 +6,9 @@
 <div class="card">
     <div class="card__body">
         {% if category %}
-            <p class="h3">
+            <h3 class="h3">
                 <a href="{{ category.slug }}" class="link link__text">{{ category }}</a>
-            </p>
+            </h3>
         {% endif %}
         {% for product in category.products.published %}
             {% with category as parent %}
@@ -25,9 +25,9 @@
     <a href="{{ category.slug }}" class="card">
         <div class="card__body">
             {% if category %}
-                <p class="h3">
+                <h3 class="h3">
                     <span class="link link__text">{{ category }}</span>
-                </p>
+                </h3>
             {% endif %}
         </div>
     </a>
diff --git a/src/open_inwoner/components/templates/components/Card/LocationCard.html b/src/open_inwoner/components/templates/components/Card/LocationCard.html
index a8c2ec97c2..5222e7b713 100644
--- a/src/open_inwoner/components/templates/components/Card/LocationCard.html
+++ b/src/open_inwoner/components/templates/components/Card/LocationCard.html
@@ -1,7 +1,7 @@
 {% load link_tags string_tags %}
 <div class="card card__body">
     {% if location_name %}
-        {% link href=location.get_absolute_url primary=True text=location_name extra_classes="h3" %}
+        <h3>{% link href=location.get_absolute_url primary=True text=location_name extra_classes="h3" %}</h3>
     {% endif %}
     <div class="card__body--flex p--no-margin">
         <p class="p">{{ address_line_1 }}</p>
diff --git a/src/open_inwoner/scss/components/Card/Card.scss b/src/open_inwoner/scss/components/Card/Card.scss
index 9df91a73e4..106bd16529 100644
--- a/src/open_inwoner/scss/components/Card/Card.scss
+++ b/src/open_inwoner/scss/components/Card/Card.scss
@@ -240,6 +240,7 @@
   .h3 .link,
   .h4 .link {
     color: var(--font-color-body);
+    font-family: var(--font-family-heading);
     font-size: var(--font-size-heading-card);
   }
 
diff --git a/src/open_inwoner/scss/components/Cases/Cases.scss b/src/open_inwoner/scss/components/Cases/Cases.scss
index 2b3151b5e8..b067cff3e0 100644
--- a/src/open_inwoner/scss/components/Cases/Cases.scss
+++ b/src/open_inwoner/scss/components/Cases/Cases.scss
@@ -50,13 +50,14 @@
     border-top-left-radius: var(--border-radius);
     border-top-right-radius: var(--border-radius);
     color: var(--color-info-darker);
+    font-size: var(--font-size-body);
 
     .card__status_indicator_text {
       padding: var(--spacing-medium);
     }
 
     [class*='icons'] {
-      margin: var(--spacing-small) var(--spacing-medium) 0 var(--spacing-medium);
+      margin: var(--spacing-medium);
     }
 
     &.success {