From bf2b72fc293fb4dcc87ae72d7d08600f5c12cf4e Mon Sep 17 00:00:00 2001
From: Blackbaud-PatrickOFriel <patrick.ofriel@blackbaud.com>
Date: Mon, 15 May 2017 11:13:14 -0400
Subject: [PATCH] Add cancel button to wizard docs and update modal button
 spacing

---
 .../wizard/wizard-demo-form.component.html         |  6 ++++++
 src/modules/modal/modal.component.scss             | 14 ++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/app/components/wizard/wizard-demo-form.component.html b/src/app/components/wizard/wizard-demo-form.component.html
index d49e328f8..03194a427 100644
--- a/src/app/components/wizard/wizard-demo-form.component.html
+++ b/src/app/components/wizard/wizard-demo-form.component.html
@@ -41,5 +41,11 @@
     >
       Save and close
     </button>
+    <button
+      type="button"
+      class="sky-btn sky-btn-link"
+      (click)="instance.cancel()">
+      Cancel
+    </button>
   </sky-modal-footer>
 </sky-modal>
diff --git a/src/modules/modal/modal.component.scss b/src/modules/modal/modal.component.scss
index 361c25669..00d975dc1 100644
--- a/src/modules/modal/modal.component.scss
+++ b/src/modules/modal/modal.component.scss
@@ -67,6 +67,20 @@
 
 .sky-modal-footer {
   flex-shrink: 0;
+  /deep/ sky-tabset-nav-button + sky-tabset-nav-button {
+    margin-left: $sky-margin;
+  }
+   /deep/ sky-tabset-nav-button + .sky-btn {
+    margin-left: $sky-margin;
+  }
+
+  /deep/ .sky-btn + .sky-btn {
+    margin-left: $sky-margin;
+  }
+
+  /deep/ .sky-btn + .sky-btn-link {
+    margin-left: -2px; /* offset the padding of the btn-link */
+  }
 }
 
 .sky-modal-full-page {