From 25297b04598da91beb73727ae2d079e8869eb4a6 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 13 Mar 2025 14:54:44 +0300
Subject: [PATCH] M: Fix react-toaster size for small screens

---
 rsconcept/frontend/src/app/application-layout.tsx | 2 +-
 rsconcept/frontend/src/styling/overrides.css      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/rsconcept/frontend/src/app/application-layout.tsx b/rsconcept/frontend/src/app/application-layout.tsx
index a239b358..612d0264 100644
--- a/rsconcept/frontend/src/app/application-layout.tsx
+++ b/rsconcept/frontend/src/app/application-layout.tsx
@@ -27,7 +27,7 @@ export function ApplicationLayout() {
     <NavigationState>
       <div className='min-w-80 antialiased h-full max-w-480 mx-auto'>
         <ToasterThemed
-          className={clsx('text-[14px]/[20px]', noNavigationAnimation ? 'mt-6' : 'mt-14')}
+          className={clsx('sm:text-[14px]/[20px] text-[12px]/[16px]', noNavigationAnimation ? 'mt-6' : 'mt-14')}
           autoClose={3000}
           draggable={false}
           pauseOnFocusLoss={false}
diff --git a/rsconcept/frontend/src/styling/overrides.css b/rsconcept/frontend/src/styling/overrides.css
index 2c631d10..03054030 100644
--- a/rsconcept/frontend/src/styling/overrides.css
+++ b/rsconcept/frontend/src/styling/overrides.css
@@ -7,6 +7,12 @@
 :root {
   /* Import overrides */
   --toastify-color-dark: var(--clr-prim-300);
+
+  --toastify-toast-width: 20rem;
+  --toastify-toast-padding: 0.75rem;
+
+  --toastify-toast-min-height: 4rem;
+  --toastify-toast-max-height: 40rem;
 }
 
 .cm-tooltip {