Make positioning of Alert icon more robust

Author: adamkudrna

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 {

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;