From 2ce0dca551a620e699b465ee506092ec6ea3104a Mon Sep 17 00:00:00 2001
From: Fernando Terra <fernando.terra@encora.com>
Date: Tue, 19 Dec 2023 12:42:07 -0300
Subject: [PATCH 1/2] fix: move toast message below the header (small
 breakpoint)

---
 frontend/src/assets/styles/global.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
index 69ef9e6932..9eb3bcf5f2 100644
--- a/frontend/src/assets/styles/global.scss
+++ b/frontend/src/assets/styles/global.scss
@@ -289,10 +289,10 @@ div#app {
 
 .wizard-head-toast {
   position: fixed;
-  right: 1.5625rem;
+  right: 1.5rem;
   top: 5rem;
   border-radius: 0.25rem;
-  z-index: 999;
+  z-index: 8100;
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
 }
 
@@ -1273,8 +1273,8 @@ cds-header-panel[expanded] {
 /* Small (up to 671px) */
 @media screen and (max-width: 671px) {
   .wizard-head-toast {
-    right: 0.5rem;
-    top: 0.5rem;
+    right: 0.4375rem;
+    top: 4rem;
   }
 
   cds-modal {

From a9b6ed2a0aab9843e118937f1905f8d102f0648e Mon Sep 17 00:00:00 2001
From: Fernando Terra <fernando.terra@encora.com>
Date: Tue, 19 Dec 2023 13:35:02 -0300
Subject: [PATCH 2/2] feat: increase z-index for toast message

---
 frontend/src/assets/styles/global.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
index 9eb3bcf5f2..26b7b99184 100644
--- a/frontend/src/assets/styles/global.scss
+++ b/frontend/src/assets/styles/global.scss
@@ -292,7 +292,7 @@ div#app {
   right: 1.5rem;
   top: 5rem;
   border-radius: 0.25rem;
-  z-index: 8100;
+  z-index: 9000;
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
 }