From a36a32f112b2554109502c569fb4b9d64e88053d Mon Sep 17 00:00:00 2001
From: Derick Montague <derick.montague@ibm.com>
Date: Sun, 21 Feb 2021 14:57:38 -0600
Subject: 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 | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/assets/styles/bmc/custom/_toasts.scss b/src/assets/styles/bmc/custom/_toasts.scss
index b8ec246e..4e2ad7fa 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;
-- 
cgit v1.2.3