fix(storefront): BCTHEME-325 Apple pay button displaying needs to be …

…fixed
bigcommerce · Apr 21, 2021 · 1a8df33 · 1a8df33
1 parent 2e7effa
commit 1a8df33
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/assets/scss/components/stencil/applePay/_applePay.scss b/assets/scss/components/stencil/applePay/_applePay.scss
@@ -36,12 +36,16 @@
         display: block;
         float: right;
     }
+
+    & .previewCartCheckout {
+        .apple-pay-checkout-button {
+            display: inline-block;
+        }
+    }
 }
 
 .previewCartCheckout {
     .apple-pay-checkout-button {
-        display: inline-block;
         float: none;
-        margin-top: spacing("half");
     }
 }
diff --git a/assets/scss/components/stencil/previewCart/_previewCart.scss b/assets/scss/components/stencil/previewCart/_previewCart.scss
@@ -56,10 +56,13 @@
         width: 100%;
 
         // scss-lint:disable NestingDepth
-        + .button,
         + p {
             margin-top: spacing("half");
         }
+
+        &:not(:last-child) {
+            margin-bottom: spacing("half");
+        }
     }
 }