From 65a67037c2a08dc08a3f80a217da9508415e3069 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Tue, 16 Dec 2014 15:38:02 +0000
Subject: [PATCH] Added toolbar drop-shadow, colours, borders.

To distinguish between different content areas better, and provide a UI
that's more like the application UI.
---
 style.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 9f7a683..570212e 100644
--- a/style.css
+++ b/style.css
@@ -20,6 +20,7 @@ body {
 core-toolbar {
     background: #3F51B5;
     color: white;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
 core-icon {
     margin-right: 0.5em;
@@ -37,14 +38,20 @@ div[drawer] {
 }
 div[drawer] > nav {
     overflow-y: auto;
+    border-right: 1px rgba(0, 0, 0, 0.12) solid;
 }
 #drawerLogo {
     padding-left: 16px;
     height: 64px;
+    background: #3F51B5;
+    color: white;
+    border-right: 1px rgba(0, 0, 0, 0.12) solid;
 }
 #drawerLogo > img {
-    height: 64px;
+    display: inline-block;
+    height: 48px;
     margin-right: 0.5em;
+    margin-top: 8px;
 }
 #drawerLogo > h1 {
     font-weight: 400;
@@ -57,6 +64,7 @@ div[drawer] > nav {
 #content {
     padding: 16px;
     overflow-y: auto;
+    background: #FAFAFA;
 }
 paper-button {
     background: #64B5F6;