From 1110c7287f64dbc73d772cfb961b89ef3a1022bc Mon Sep 17 00:00:00 2001 From: felipefialho Date: Fri, 23 Aug 2024 14:07:53 -0300 Subject: [PATCH] fix: improve position of icon on single line --- packages/core/src/components/alert/alert.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/core/src/components/alert/alert.scss b/packages/core/src/components/alert/alert.scss index c66b63e41..9e1da1ba7 100644 --- 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 {