From 13620bfb6aa6f19634267a9cd65d096477369bda Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 10 Apr 2018 14:56:25 -0400
Subject: [PATCH] sweet alert styling

---
 src/popup2/app.component.ts |  1 +
 src/scss/plugins.scss       | 38 +++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/src/popup2/app.component.ts b/src/popup2/app.component.ts
index a2c61ce2b4..80ea445db8 100644
--- a/src/popup2/app.component.ts
+++ b/src/popup2/app.component.ts
@@ -89,6 +89,7 @@ export class AppComponent implements OnInit {
                     title: msg.title,
                     text: msg.text,
                     buttons: buttons,
+                    icon: msg.type,
                 });
 
                 this.messagingService.send('showDialogResolve', {
diff --git a/src/scss/plugins.scss b/src/scss/plugins.scss
index bccb73c5aa..e9597c8525 100644
--- a/src/scss/plugins.scss
+++ b/src/scss/plugins.scss
@@ -3,6 +3,9 @@
 @import "~angular2-toaster/toaster";
 
 @import "variables.scss";
+@import "buttons.scss";
+
+// Toaster
 
 #toast-container {
     .toast-close-button {
@@ -79,3 +82,38 @@
         }
     }
 }
+
+// SweetAlert
+
+.swal-modal {
+    border-radius: $border-radius;
+
+    .swal-icon {
+        margin: 15px auto 0 auto;
+    }
+
+    .swal-title {
+        padding: 10px 10px 15px 10px;
+        margin: 0;
+        font-size: $font-size-large;
+        color: $text-color;
+    }
+
+    .swal-text {
+        color: $text-color;
+        font-size: $font-size-base;
+    }
+
+    .swal-footer {
+        padding: 15px 10px 10px 10px;
+        margin: 0;
+
+        .swal-button {
+            @extend .btn;
+        }
+
+        .swal-button--confirm {
+            @extend .btn.primary;
+        }
+    }
+}