From a91859f127cd115d21fb2ce859a6586fab9b7c3a Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Mon, 1 Dec 2014 19:33:09 +0000
Subject: [PATCH] Added drop shadow to header toolbar.

---
 resources/report/css/overrides.css | 5 +++++
 resources/report/css/style.css     | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css
index 86ffbd94..e016f85e 100644
--- a/resources/report/css/overrides.css
+++ b/resources/report/css/overrides.css
@@ -1,5 +1,10 @@
 /* These styles override Polymer's own internal styling for certain elements. */
 
+/* The following stops the main toolbar from overshadowing into the drawer. */
+#container::shadow #drawer {
+    z-index: 1;
+}
+
 /* The following is for setting the size of the drawer in narrow mode. */
 #container::shadow .narrow-layout #drawer {
     width: 50% !important;
diff --git a/resources/report/css/style.css b/resources/report/css/style.css
index 5c36c344..3b0419a9 100644
--- a/resources/report/css/style.css
+++ b/resources/report/css/style.css
@@ -35,6 +35,10 @@ core-toolbar {
     color: white;
     height: 56px;
 }
+#mainToolbar {
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+    z-index: 1;
+}
 #mainToolbar paper-dropdown {
     color: black;
 }