fix: border space under page description (#122)

* fix: border space under page description * test: fix page-description test --------- Co-authored-by: Puria Nafisi Azizi <puria@dyne.org>
ForkbombEu · Jul 22, 2024 · 6a519e7 · 6a519e7
1 parent 90eaad1
commit 6a519e7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/page-description/d-page-description.tsx b/src/components/page-description/d-page-description.tsx
@@ -11,9 +11,9 @@ export class DPageDescription {
 
   render() {
     return (
-      <Host>
-        <d-heading size="s">{this.title}</d-heading>
-        <d-text size="l">
+      <Host class="pb-4">
+        <d-heading size="xs" class="font-semibold">{this.title}</d-heading>
+        <d-text size="m">
           <p>{this.description}</p>
         </d-text>
       </Host>

diff --git a/src/components/page-description/test/d-page-description.spec.tsx b/src/components/page-description/test/d-page-description.spec.tsx
@@ -8,11 +8,11 @@ describe('d-page-description', () => {
       html: `<d-page-description></d-page-description>`,
     });
     expect(page.root).toEqualHtml(`
-      <d-page-description>
+    <d-page-description class="pb-4">
         <mock:shadow-root>
-          <d-heading size="s"></d-heading>
-          <d-text size="l">
-            <p></p>
+          <d-heading class="font-semibold" size="xs"></d-heading>
+          <d-text size="m">
+              <p></p>
           </d-text>
         </mock:shadow-root>
       </d-page-description>