From 74d9d66678e390e84c48563042adc2b58f2714bc Mon Sep 17 00:00:00 2001
From: Joao Ferreira <joao.ferreira@encora.com>
Date: Mon, 13 Nov 2023 13:30:13 -0300
Subject: [PATCH 1/4] breakpoint for notification message size < tablet

---
 style-sheets/primevue-components-overrides.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
index bf3561e..d902866 100644
--- a/style-sheets/primevue-components-overrides.scss
+++ b/style-sheets/primevue-components-overrides.scss
@@ -910,6 +910,12 @@ label {
     }
 }
 
+@media (max-width: 610px) {
+    .#{variables.$primevue-prefix}-message {
+        display: none;
+    }
+}
+
 /* ------------------------------------ Sidebar --------------------------------- */
 
 .#{variables.$primevue-prefix}-sidebar-left

From 81c54ab4a185a8cdb9b300ab8d2181e06aeb81b5 Mon Sep 17 00:00:00 2001
From: Joao Ferreira <joao.ferreira@encora.com>
Date: Wed, 22 Nov 2023 16:09:26 -0300
Subject: [PATCH 2/4] fixed text wraping,

---
 .../primevue-components-overrides.scss        | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
index d902866..c2bcc71 100644
--- a/style-sheets/primevue-components-overrides.scss
+++ b/style-sheets/primevue-components-overrides.scss
@@ -838,7 +838,8 @@ label {
     @extend %body-compact-01;
     padding-left: 0.5rem;
     padding-right: 0.3125rem;
-    position: absolute;
+    position: relative;
+    display: flex;
     left: 0;
     right: 0;
 }
@@ -854,18 +855,28 @@ label {
     margin-left: 1rem;
     margin-bottom: 0.19rem;
     vertical-align: middle;
+    flex-shrink: 0;
 }
 
 .#{variables.$primevue-prefix}-message
     .#{variables.$primevue-prefix}-message-wrapper {
-    padding: 0.5rem 0.5rem 0.5rem 0;
+        display: flex;
+        align-items: baseline;
+        padding: 0.5rem 0.5rem 0.5rem 0;
+}
+
+.#{variables.$primevue-prefix}-message-wrapper
+    .#{variables.$primevue-prefix}-message-close {
+        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;
+        color: colors.$gray-100 !important;
+        margin: 0.55rem 0 0;
+        align-self: baseline !important;
 }
 
 .#{variables.$primevue-prefix}-message

From 10b70bbf5325741d85060de0f8d41ef938cd7f48 Mon Sep 17 00:00:00 2001
From: Joao Ferreira <joao.ferreira@encora.com>
Date: Wed, 22 Nov 2023 16:20:10 -0300
Subject: [PATCH 3/4] removed notification msg breakpoint

---
 style-sheets/primevue-components-overrides.scss | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
index c2bcc71..cb062a0 100644
--- a/style-sheets/primevue-components-overrides.scss
+++ b/style-sheets/primevue-components-overrides.scss
@@ -921,12 +921,6 @@ label {
     }
 }
 
-@media (max-width: 610px) {
-    .#{variables.$primevue-prefix}-message {
-        display: none;
-    }
-}
-
 /* ------------------------------------ Sidebar --------------------------------- */
 
 .#{variables.$primevue-prefix}-sidebar-left

From 89c0f8a0058f0b2b3b9ac93d59084831a4bb7f60 Mon Sep 17 00:00:00 2001
From: Joao Ferreira <joao.ferreira@encora.com>
Date: Thu, 23 Nov 2023 15:49:09 -0300
Subject: [PATCH 4/4] fixed spacing on msg notification

---
 style-sheets/primevue-components-overrides.scss | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
index cb062a0..4d1581b 100644
--- a/style-sheets/primevue-components-overrides.scss
+++ b/style-sheets/primevue-components-overrides.scss
@@ -836,7 +836,6 @@ label {
 .#{variables.$primevue-prefix}-message
     .#{variables.$primevue-prefix}-message-text {
     @extend %body-compact-01;
-    padding-left: 0.5rem;
     padding-right: 0.3125rem;
     position: relative;
     display: flex;
@@ -852,7 +851,7 @@ label {
 
 .#{variables.$primevue-prefix}-message svg {
     margin-right: 0.9375rem;
-    margin-left: 1rem;
+    margin-left: 0.2rem;
     margin-bottom: 0.19rem;
     vertical-align: middle;
     flex-shrink: 0;
@@ -862,7 +861,7 @@ label {
     .#{variables.$primevue-prefix}-message-wrapper {
         display: flex;
         align-items: baseline;
-        padding: 0.5rem 0.5rem 0.5rem 0;
+        padding: 0 0.5rem 0 0;
 }
 
 .#{variables.$primevue-prefix}-message-wrapper