fix(alert): improve position of icon on single line (#543)

juntossomosmais · Aug 23, 2024 · 9c587d6 · 9c587d6
1 parent 01df955
commit 9c587d6
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/core/src/components/alert/alert.scss b/packages/core/src/components/alert/alert.scss
@@ -1,5 +1,7 @@
 @import '~@atomium/scss-utils/index';
 
+$min-height-title: var(--spacing-large);
+
 :host {
   --close-size: var(--spacing-xxxlarge);
   --icon-size: var(--spacing-medium);
@@ -75,6 +77,7 @@
 .atom-title {
   font-weight: var(--font-weight-bold);
   margin: 0;
+  min-height: $min-height-title;
 
   &:not(:last-child) {
     margin-bottom: var(--spacing-xsmall);
@@ -118,8 +121,10 @@
 }
 
 .atom-icon {
+  align-items: center;
+  display: flex;
   font-size: var(--icon-size);
-  width: var(--space-large);
+  height: $min-height-title;
 }
 
 .atom-close {