fix(notification): notification icons are misaligned with text in mat…

…erial theme
telerik · Sep 11, 2021 · c3b55a4 · c3b55a4
1 parent 6959648
commit c3b55a4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/default/scss/notification/_layout.scss b/packages/default/scss/notification/_layout.scss
@@ -44,13 +44,13 @@
         > .k-icon {
             margin-top: $notification-icon-offset;
             margin-right: $notification-icon-spacing;
-            flex: 0 0 auto;
+            flex: none;
         }
 
         > .k-i-close {
             margin-right: 0;
             margin-left: $notification-icon-spacing;
-            flex: 0 0 auto;
+            flex: none;
             cursor: pointer;
         }
 

diff --git a/packages/material/scss/notification/_variables.scss b/packages/material/scss/notification/_variables.scss
@@ -10,7 +10,7 @@ $notification-font-family: $font-family !default;
 $notification-font-size: $font-size !default;
 $notification-line-height: ( 20 / 14 ) !default;
 
-$notification-icon-offset: 4px !default;
+$notification-icon-offset: 2px !default;
 $notification-icon-spacing: $icon-spacing !default;
 
 $notification-bg: $component-bg !default;