Merge pull request #1363 from sacr3dc0w/swal-button

Fix spacing with SweetAlert cancel button on mobile
bigcommerce · Oct 9, 2018 · 798524b · 798524b
2 parents f21dfff + 01da1fc
commit 798524b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Draft
 - Fix broken breadcrumb schema markup [#1362](https://github.com/bigcommerce/cornerstone/pull/1362)
 - Add option to disable arrows on the homepage carousel [#1293](https://github.com/bigcommerce/cornerstone/pull/1293)
+- Fix spacing with SweetAlert cancel button on mobile [#1363](https://github.com/bigcommerce/cornerstone/pull/1363)
 
 ## 2.5.0 (2018-09-26)
 - Blueprint for Mapping Custom Templates to JavaScript Modules [#1346](https://github.com/bigcommerce/cornerstone/pull/1346)

diff --git a/assets/scss/components/vendor/sweetalert2/_sweetalert2.scss b/assets/scss/components/vendor/sweetalert2/_sweetalert2.scss
@@ -79,10 +79,6 @@
         background-color: $alert-button-cancel-bgColor;
         border-color: $alert-button-cancel-borderColor;
         color: $alert-button-cancel-color;
-
-        @include breakpoint("xsmall") {
-            margin-left: $button-adjacentButton-marginLeft;
-        }
     }
 
     .swal2-cancel:focus,
@@ -97,4 +93,8 @@
         border-color: $alert-button-cancel-borderColorActive;
         color: $alert-button-cancel-colorActive;
     }
+
+    .button + .button {
+        margin-left: $button-adjacentButton-marginLeft;
+    }
 }