From 64dd94fe6a97077bf4fa9d987a2e7f68dd9c777a Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Tue, 7 Mar 2023 22:53:37 +0100
Subject: [PATCH] Add shadow to navbar #587

---
 src/frontend/app/ui/frame/frame.component.css  | 1 +
 src/frontend/app/ui/frame/frame.component.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/app/ui/frame/frame.component.css b/src/frontend/app/ui/frame/frame.component.css
index bb17a4e0..24b15c8a 100644
--- a/src/frontend/app/ui/frame/frame.component.css
+++ b/src/frontend/app/ui/frame/frame.component.css
@@ -3,6 +3,7 @@
   margin-bottom: 20px;
   position: absolute;
   width: 100%;
+  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 30%)
 }
 
 .auto-hide-navbar {
diff --git a/src/frontend/app/ui/frame/frame.component.html b/src/frontend/app/ui/frame/frame.component.html
index 3aa067ad..05da07d7 100644
--- a/src/frontend/app/ui/frame/frame.component.html
+++ b/src/frontend/app/ui/frame/frame.component.html
@@ -1,5 +1,5 @@
 <ngx-loading-bar [includeSpinner]="false" color="#337ab7" height="3px"></ngx-loading-bar>
-<div #navContainer class="navbar-container auto-hide-navbar "
+<div #navContainer class="navbar-container auto-hide-navbar"
      [class.navbar-keep-top]="navbarKeepTop"
      [class.hide-navbar]="!navbarKeepTop && shouldHideNavbar"
      [class.animate-navbar]="animateNavbar">