fix(#1591): Add padding to accordion heading

GovAlta · Apr 11, 2024 · 1da7466 · 1da7466
1 parent 644b170
commit 1da7466
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/libs/web-components/src/components/accordion/Accordion.svelte b/libs/web-components/src/components/accordion/Accordion.svelte
@@ -122,6 +122,7 @@
 
   summary {
     min-height: 3.5rem;
+    padding: var(--goa-space-s) var(--goa-space-m) var(--goa-space-s) 0;
     border-width: var(--goa-border-width-s);
     border-style: solid;
     border-radius: var(--goa-border-radius-m);
@@ -131,7 +132,7 @@
     cursor: pointer;
     list-style: none;
     display: flex;
-    align-items: center;
+    align-items: flex-start;
 
     /* safari hack (see below) */
     position: relative;
@@ -216,7 +217,7 @@
   .content :global(::slotted(*:last-child)) {
     margin-bottom: 0 !important;
   }
-  
+
   details[open] goa-icon {
     transform: rotate(90deg);
   }
@@ -236,10 +237,6 @@
     .content {
       padding: 1.5rem;
     }
-    summary {
-      padding-bottom: 1rem;
-      align-items: flex-start;
-    }
     .title {
       display: flex;
       flex-direction: column;