fix: mobile toast styles

Signed-off-by: veralex <alexey.verevkin@akvelon.com>
falcosecurity · Apr 3, 2023 · e49f124 · e49f124
1 parent 0a6b6a6
commit e49f124
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/assets/scss/_toasts.scss b/assets/scss/_toasts.scss
@@ -1,13 +1,19 @@
 .toast {
-  bottom: 1rem;
+  top: 5rem;
   right: 1rem;
 
   min-width: 20rem;
-  width: 20rem;;
+  width: 20rem;
 
   line-height: 1rem;
 
   @include media-breakpoint-down(sm) {
-    top: 10rem;
+    top: unset;
+    bottom: 1rem;
+    left: 1rem;
+    right: 1rem;
+    z-index: 9999;
+    width: 100%;
+    max-width: calc(100% - 2rem);
   }
 }