chore: Update toast component styles for responsive layout

Author: pheralb

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 {

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;
+  }
+}