fix primevue message style

bcgov · Jan 5, 2024 · 385c2e5 · 385c2e5
1 parent 09c5e25
commit 385c2e5
Showing 1 changed file with 10 additions and 16 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -845,13 +845,6 @@ label {
     right: 0;
 }
 
-.#{variables.$primevue-prefix}-message
-    .#{variables.$primevue-prefix}-message-wrapper {
-    display: flex;
-    align-items: baseline;
-    padding: 0.5rem 0.5rem 0.5rem 0;
-}
-
 .#{variables.$primevue-prefix}-message
     .#{variables.$primevue-prefix}-message-text {
     @extend %body-compact-01;
@@ -876,24 +869,25 @@ label {
     flex-shrink: 0;
 }
 
-.#{variables.$primevue-prefix}-message-close.#{variables.$primevue-prefix}-link {
-    margin-left: auto;
-    overflow: hidden;
-    position: relative;
+.#{variables.$primevue-prefix}-message
+    .#{variables.$primevue-prefix}-message-wrapper {
+        display: flex;
+        align-items: baseline;
+        padding: 0 0.5rem 0 0;
 }
 
 .#{variables.$primevue-prefix}-message-wrapper
     .#{variables.$primevue-prefix}-message-close {
-    align-self: flex-start;
-    margin-top: 0.5rem;
+        align-self: flex-start;
+        margin-top: 0.5rem;
 }
 
 .#{variables.$primevue-prefix}-message-wrapper
     .#{variables.$primevue-prefix}-message-close
     svg {
-    color: colors.$gray-100 !important;
-    margin: 0.55rem 0 0;
-    align-self: baseline !important;
+        color: colors.$gray-100 !important;
+        margin: 0.55rem 0 0;
+        align-self: baseline !important;
 }
 
 .#{variables.$primevue-prefix}-message-close.#{variables.$primevue-prefix}-link {