From 7a89e1bb0113c6277e5d3ba6542df8ce03ffcb2a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 15 Oct 2021 09:35:38 -0500
Subject: [PATCH] Snackbar: display above ThumbNavigation on mobile

---
 app/styles/components/snackbar.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/styles/components/snackbar.scss b/app/styles/components/snackbar.scss
index c75ead693..9889cda28 100644
--- a/app/styles/components/snackbar.scss
+++ b/app/styles/components/snackbar.scss
@@ -1,7 +1,18 @@
+.notification-list {
+  position: fixed;
+  bottom: var(--thumb-navigation-height);
+  z-index: 1000; /* Above ThumbNavigation */
+  width: 100%;
+
+  @media (min-width: 895px) {
+    bottom: 0;
+  }
+}
+
 .snackbar {
   font-size: 16px !important;
   padding: 10px 20px 10px 14px !important;
-  z-index: 9999 !important;
+  position: absolute !important;
   display: flex;
   align-items: center;
   justify-content: center;