💄 [#2111] Fixed case-card headers and card heading fonts

maykinmedia · Feb 13, 2024 · 2c730d8 · 2c730d8
1 parent 7f74686
commit 2c730d8
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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 {