From 5ab2444fbc9a919768affd68d3552b5a34446b43 Mon Sep 17 00:00:00 2001
From: Jordan-Tompit <janko.jordan@tompit.com>
Date: Tue, 10 Jan 2023 14:03:02 +0100
Subject: [PATCH] Update classes

---
 .../Styles/components/_alert.scss             | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/Connected.Components/Styles/components/_alert.scss b/src/Connected.Components/Styles/components/_alert.scss
index c10e24d..21a0a8d 100644
--- a/src/Connected.Components/Styles/components/_alert.scss
+++ b/src/Connected.Components/Styles/components/_alert.scss
@@ -1,7 +1,7 @@
 @import "../abstracts/variables";
 
 .alert {
-  display: flex;
+  display: flex;  
   padding: 6px 16px;
   border-radius: var(--default-borderradius);
   background-color: transparent;
@@ -12,12 +12,12 @@
   }
 
   &.dense {
-    padding: 0px 12px;
+    padding: 0px 12px; 
   }
-}
+} 
 
 .alert-text {
-  &-normal {
+  &-normal { 
     color: var(--palette-text-primary);
     background-color: var(--palette-dark-hover);
   }
@@ -95,10 +95,23 @@
 }
 
 .alert-position {
-  //flex: 1;
+  flex: 1;
+  display: flex;
+}
+
+.alert-content {
+  flex: 1;
   display: flex;
 }
 
+.alert.justify-end .alert-content {
+  justify-content: flex-end;
+}
+
+.alert.justify-center .alert-content {
+  justify-content: center;
+}
+
 .alert-close {
   display: flex;
   flex: 0;