From c0ce2d1a3434b1500a84fd52c88d439d140ce1a7 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Mon, 22 Jul 2024 18:54:26 +0100
Subject: [PATCH] chore: Update toast component styles for responsive layout

---
 library/src/styles/toast-component.css | 1 +
 library/src/styles/toast-context.css   | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/library/src/styles/toast-component.css b/library/src/styles/toast-component.css
index 1e09369..90a224d 100644
--- a/library/src/styles/toast-component.css
+++ b/library/src/styles/toast-component.css
@@ -80,6 +80,7 @@
 .t_icon {
   fill: var(--text-color);
   margin-top: 0.1rem;
+  flex-shrink: 0;
 }
 
 .t_content {
diff --git a/library/src/styles/toast-context.css b/library/src/styles/toast-context.css
index 05c795a..3b1c521 100644
--- a/library/src/styles/toast-context.css
+++ b/library/src/styles/toast-context.css
@@ -7,6 +7,7 @@
   z-index: 9999;
   overflow: hidden;
   transition: max-height 0.5s ease-in-out;
+  width: 100%;
 }
 
 .t_default_font {
@@ -58,3 +59,10 @@
   left: 50%;
   transform: translateX(-50%);
 }
+
+@media (min-width: 768px) {
+  .t_toasts {
+    max-width: 350px;
+    margin: 0 auto;
+  }
+}