From 026601321c2861d3d1bbb5a17e7d2bf17744f938 Mon Sep 17 00:00:00 2001
From: 100xManas <manasranjansahoo971@gmail.com>
Date: Sat, 18 Oct 2025 00:36:41 +0530
Subject: [PATCH 1/2] style(banner): improve banner styling when switching
 languages

---
 client/styles/components/_toast.scss | 30 ++++++++++++++++++----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/client/styles/components/_toast.scss b/client/styles/components/_toast.scss
index c52793c5cb..6aed5f2c65 100644
--- a/client/styles/components/_toast.scss
+++ b/client/styles/components/_toast.scss
@@ -1,19 +1,21 @@
 @use "sass:math";
 
 .toast {
-  background-color: $toast-background-color;
-  color: $toast-text-color;
-  padding: #{math.div(10, $base-font-size)}rem;
+  background-color: #D9D9D9;
+  color: black;
+  padding: #{math.div(10, $base-font-size)}rem #{math.div(20, $base-font-size)}rem;
   position: fixed;
-  top: 0;
+  top: #{math.div(20, $base-font-size)}rem; 
   left: 50%;
-  transform: translate(-50%, 0);
-  min-width: #{math.div(375, $base-font-size)}rem; //500px
-  font-size: #{math.div(20, $base-font-size)}rem;
+  transform: translateX(-50%);
+  min-width: #{math.div(360, $base-font-size)}rem; 
+  font-size: #{math.div(16, $base-font-size)}rem;
+  border-radius: #{math.div(8, $base-font-size)}rem;
   display: flex;
-  z-index: 9999;
   align-items: center;
   justify-content: space-between;
+  z-index: 9999;
+  transition: all 0.3s ease-in-out;
   box-shadow: 0 6px 6px 0 rgba(0,0,0,0.10);
 }
 
@@ -21,6 +23,12 @@
   @include themify() {
     @extend %icon-toast;
   }
-  padding-top: #{math.div(10, $base-font-size)}rem;
-  margin-left: #{math.div(40, $base-font-size)}rem;
-}
\ No newline at end of file
+  padding-top: #{math.div(6, $base-font-size)}rem;
+  margin-left: #{math.div(24, $base-font-size)}rem;
+  cursor: pointer;
+  opacity: 0.7;
+
+  &:hover {
+    opacity: 1;
+  }
+}

From ef2205fc60de5840ef6b82aefe0c55596f46ee87 Mon Sep 17 00:00:00 2001
From: 100xManas <manasranjansahoo971@gmail.com>
Date: Sun, 2 Nov 2025 20:49:01 +0530
Subject: [PATCH 2/2] fix: apply consistent styling and colors

---
 client/styles/components/_toast.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/styles/components/_toast.scss b/client/styles/components/_toast.scss
index 6aed5f2c65..8bfe27ca88 100644
--- a/client/styles/components/_toast.scss
+++ b/client/styles/components/_toast.scss
@@ -1,8 +1,8 @@
 @use "sass:math";
 
 .toast {
-  background-color: #D9D9D9;
-  color: black;
+  background-color: $toast-background-color;
+  color: $toast-text-color;
   padding: #{math.div(10, $base-font-size)}rem #{math.div(20, $base-font-size)}rem;
   position: fixed;
   top: #{math.div(20, $base-font-size)}rem;