From 31ee7478398a7d8b54c5b1d7956506590a1fc6a8 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Tue, 27 Nov 2018 18:21:40 -0700
Subject: [PATCH] Adding drop shadow to navbar.

---
 server/ui/src/Main.css              | 7 +++++++
 server/ui/src/components/navbar.tsx | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/server/ui/src/Main.css b/server/ui/src/Main.css
index aa29ab6..c88addd 100644
--- a/server/ui/src/Main.css
+++ b/server/ui/src/Main.css
@@ -8,4 +8,11 @@
 
 .search-name-cell {
     word-wrap: break-word;
+}
+
+.navbar-purple {
+    background-color: #673ab7;
+    -webkit-box-shadow: 0 8px 6px -6px #999;
+    -moz-box-shadow: 0 8px 6px -6px #999;
+    box-shadow: 0 8px 6px -6px #999;
 }
\ No newline at end of file
diff --git a/server/ui/src/components/navbar.tsx b/server/ui/src/components/navbar.tsx
index 8aecc70..39f2550 100644
--- a/server/ui/src/components/navbar.tsx
+++ b/server/ui/src/components/navbar.tsx
@@ -27,7 +27,7 @@ export class Navbar extends Component<any, State> {
 
   navbar() {
     return (
-      <nav class="navbar navbar-dark" style="background-color: #673ab7">
+      <nav class="navbar navbar-dark navbar-purple">
         <a class="navbar-brand" href="#">
           <i class="fas fa-fw fa-database mr-1"></i>Torrents.csv
       </a>