From ce5b2604adc1c1dbf43973d802d89c216d9c84a6 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Sat, 8 Aug 2020 23:50:08 -0400
Subject: [PATCH] Toolbar: add drop-shadow

---
 src/components/Toolbar/Toolbar.css | 1 +
 src/components/Toolbar/Toolbar.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Toolbar/Toolbar.css b/src/components/Toolbar/Toolbar.css
index 3601195..fbe4ef6 100644
--- a/src/components/Toolbar/Toolbar.css
+++ b/src/components/Toolbar/Toolbar.css
@@ -8,6 +8,7 @@ menu.toolbar {
   display: flex;
   justify-content: center;
   align-items: center;
+  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
 }
 
 .toolbar-contents {
diff --git a/src/components/Toolbar/Toolbar.tsx b/src/components/Toolbar/Toolbar.tsx
index 15bf2e9..b3c8036 100644
--- a/src/components/Toolbar/Toolbar.tsx
+++ b/src/components/Toolbar/Toolbar.tsx
@@ -7,7 +7,7 @@ type ToolbarProps = {};
 
 const Toolbar: React.FC<ToolbarProps> = () => {
   return (
-    <menu className="toolbar">
+    <menu className="toolbar" id="toolbar">
       <div className="toolbar-contents">
         <StyleInput />
         <SearchInput />