fix(card): improve visibility of the header

Lundalogik · Jan 30, 2025 · 08f6008 · 08f6008
1 parent 65b52fe
commit 08f6008
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/card/card.scss b/src/components/card/card.scss
@@ -107,6 +107,10 @@ header {
         gap: 0.125rem;
     }
 
+    .title {
+        padding-right: 1.25rem;
+    }
+
     limel-icon {
         flex-shrink: 0;
         width: 2rem;

diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
@@ -179,7 +179,7 @@ export class Card {
             return;
         }
 
-        return <h1>{this.heading}</h1>;
+        return <h1 class="title">{this.heading}</h1>;
     }
 
     private renderSubheading() {
-Original file line number
+Diff line change
@@ Expand Up / @@ -179,7 +179,7 @@ export class Card { @@
                 return;
             }
-            return <h1>{this.heading}</h1>;
+            return <h1 class="title">{this.heading}</h1>;
         }
         private renderSubheading() {
@@ Expand Down @@