commit a36a32f112b2554109502c569fb4b9d64e88053d
author Derick Montague <derick.montague@ibm.com> Sun Feb 21 14:57:38 2021 -0600
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Wed Feb 24 21:48:34 2021 +0000
tree 60adb69f008d3a7d2175640e1c5fe1c61e4b2dfe
parent 92f8755c40f4667f6853e6ba2d52a86687c75d46

Update toast layout to align header elements

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I2bedab786dc10ee3eb7366a20c6c7e4fb2157e3e

src/assets/styles/bmc/custom/_toasts.scss

diff --git a/src/assets/styles/bmc/custom/_toasts.scss b/src/assets/styles/bmc/custom/_toasts.scss
index b8ec246..4e2ad7f 100644
--- a/src/assets/styles/bmc/custom/_toasts.scss
+++ b/src/assets/styles/bmc/custom/_toasts.scss
@@ -13,19 +13,28 @@
   }
 }
 
-.toast-icon svg {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-}
-
 .toast-header {
+  display: flex;
+  align-items: flex-start;
   background-color: inherit!important; //override specificity
   border: none;
   color: theme-color("dark")!important; //override specificity
   padding-bottom: 0;
 }
 
+.toast-icon {
+  display: flex;
+  margin-right: 1rem;
+
+  svg {
+    margin-left: -2.5rem;
+  }
+
+  + .close {
+    line-height: .9;
+  }
+}
+
 .toast-body {
   color: theme-color("dark");
   padding-top: 0;