From 4a943d4d9c7a7a6527d34836ac71d84f4f5fc390 Mon Sep 17 00:00:00 2001
From: Adam Kudrna <adam@visionapps.cz>
Date: Fri, 20 Dec 2019 17:26:35 +0100
Subject: [PATCH] Make positioning of Alert icon more robust

---
 src/lib/components/ui/Alert/Alert.scss   | 7 +++----
 src/lib/components/ui/Alert/_mixins.scss | 1 -
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/ui/Alert/Alert.scss b/src/lib/components/ui/Alert/Alert.scss
index f22911ae..4c090051 100644
--- a/src/lib/components/ui/Alert/Alert.scss
+++ b/src/lib/components/ui/Alert/Alert.scss
@@ -5,13 +5,12 @@
 }
 
 .icon {
-  position: relative;
-  top: 1px;
   display: flex;
-  flex-direction: column;
+  flex: none;
   align-items: center;
   align-self: flex-start;
-  justify-content: flex-start;
+  justify-content: center;
+  height: calc(#{$alert-line-height} * #{$alert-font-size});
 }
 
 .message {
diff --git a/src/lib/components/ui/Alert/_mixins.scss b/src/lib/components/ui/Alert/_mixins.scss
index 8c88dffd..52220d8b 100644
--- a/src/lib/components/ui/Alert/_mixins.scss
+++ b/src/lib/components/ui/Alert/_mixins.scss
@@ -5,7 +5,6 @@
 @mixin alert() {
   position: relative;
   display: flex;
-  align-items: center;
   width: 100%;
   min-height: $alert-min-height;
   padding: $alert-padding;