From d7eb2651cf07ef5ffb688d30350c15e0516a8ed9 Mon Sep 17 00:00:00 2001
From: Chen-I Lim <chenilim@gmail.com>
Date: Thu, 14 Jan 2021 17:12:42 -0800
Subject: [PATCH] modal shadow

---
 webapp/src/components/modal.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/modal.scss b/webapp/src/components/modal.scss
index 43e06dbd0..84c316f70 100644
--- a/webapp/src/components/modal.scss
+++ b/webapp/src/components/modal.scss
@@ -3,10 +3,10 @@
     top: 25px;
     left: -230px;
     z-index: 10;
-
-	box-shadow: rgba(var(--main-fg), 0.1) 0px 0px 0px 1px, rgba(var(--main-fg), 0.1) 0px 2px 4px;
 	background-color: rgb(var(--main-bg));
 	padding: 10px;
+    border-radius: 3px;
+    box-shadow: rgba(var(--main-fg), 0.05) 0px 0px 0px 1px, rgba(var(--main-fg), 0.1) 0px 3px 6px, rgba(var(--main-fg), 0.2) 0px 9px 24px;
 
     @media screen and (max-width: 430px) {
         position: fixed;