Update classes

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;