Merge pull request #357 from conversionxl/raphael/fix/checkout-paymen…

…t-methods-spacing-CU-86aymxtm1
conversionxl · Nov 6, 2023 · bb0fa1c · bb0fa1c
2 parents bed22c0 + febc90e
commit bb0fa1c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/cxl-ui/scss/global/cxl-checkout-details.scss b/packages/cxl-ui/scss/global/cxl-checkout-details.scss
@@ -6,4 +6,14 @@ vaadin-details[theme~="cxl-checkout-details"] {
     font-weight: 900;
     text-transform: uppercase;
   }
+
+  /*
+  * Checkout Payment Methods
+  */
+
+  vaadin-accordion-panel.wc_payment_method {
+    display: block;
+    padding-block: var(--lumo-space-s);
+  }
+
 }
diff --git a/packages/storybook/cxl-ui/cxl-checkout-details.stories.js b/packages/storybook/cxl-ui/cxl-checkout-details.stories.js
@@ -5,6 +5,9 @@ import { CXLVaadinAccordionThemeVaadin } from './cxl-vaadin-accordion/vaadin-acc
 
 export default {
   title: 'CXL UI/cxl-checkout-details',
+  parameters: {
+    layout: 'centered',
+  },
 };
 
 // eslint-disable-next-line no-empty-pattern