From 032e1f9d77494c183ddfc5842dc1d5e33210008f Mon Sep 17 00:00:00 2001
From: Shawn Erquhart <shawn@shawn.works>
Date: Sat, 13 May 2017 10:16:08 -0400
Subject: [PATCH] fix notification style bugs

---
 src/components/UI/theme.css       | 4 ++++
 src/components/UI/toast/Toast.css | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/src/components/UI/theme.css b/src/components/UI/theme.css
index 793b8e84..f8df10ee 100644
--- a/src/components/UI/theme.css
+++ b/src/components/UI/theme.css
@@ -41,6 +41,10 @@
   border-radius: var(--borderRadius);
 }
 
+.depth {
+  box-shadow: var(--dropShadow);
+}
+
 .clearfix:after {
   content: '';
   display: table;
diff --git a/src/components/UI/toast/Toast.css b/src/components/UI/toast/Toast.css
index 9c8dfa4e..0d711c6d 100644
--- a/src/components/UI/toast/Toast.css
+++ b/src/components/UI/toast/Toast.css
@@ -4,6 +4,11 @@
   --iconSize: 30px;
 }
 
+/* redux-notifications override */
+:global(.notif__container) {
+  z-index: 10000;
+}
+
 .root {
   composes: base container rounded depth from '../theme.css';
   overflow: hidden;