Add a drop shadow for menus

src/public/stylesheets/style.css

@@ -237,6 +237,7 @@ div.ui-tooltip {
     color: var(--menu-text-color) !important;
     background-color: var(--menu-background-color) !important;
     font-size: inherit;
+    box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
 }
 
 .dropdown-menu .disabled {
@@ -1236,5 +1237,4 @@ textarea {
 
 .jump-to-note-results .aa-suggestions {
     padding: 1rem;
-}
-
+}

src/public/stylesheets/theme-dark.css

@@ -17,6 +17,7 @@
     --main-text-color: #ccc;
     --main-border-color: #aaa;
     --dropdown-border-color: #555;
+    --dropdown-shadow-opacity: .4;
 
     --accented-background-color: #555;
     --more-accented-background-color: #777;

src/public/stylesheets/theme-light.css

@@ -21,6 +21,7 @@ html {
     --main-text-color: black;
     --main-border-color: #ccc;
     --dropdown-border-color: #ccc;
+    --dropdown-shadow-opacity: .2;
 
     --accented-background-color: #f5f5f5;
     --more-accented-background-color: #ddd;