From 494ef9bf882eb7961ae67c274bdb10a3540836af Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sun, 7 Jan 2024 20:31:14 +0100
Subject: [PATCH] Added box shadow on buttons

---
 src/assets/scss/_buttons.scss                 | 1 +
 src/components/maps/overlay/MarkerCreator.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/assets/scss/_buttons.scss b/src/assets/scss/_buttons.scss
index b4ba9eb3..9f02b46f 100644
--- a/src/assets/scss/_buttons.scss
+++ b/src/assets/scss/_buttons.scss
@@ -7,6 +7,7 @@
     font-weight: 500;
     border: 1px solid transparent;
     border-radius: .2rem;
+    box-shadow: rgba(0, 0, 0, 0.15) 0 .2rem .3rem;
     cursor: pointer;
     transition-property: color, background-color, border-color;
     transition-duration: .2s;
diff --git a/src/components/maps/overlay/MarkerCreator.vue b/src/components/maps/overlay/MarkerCreator.vue
index 7faf4545..631fcea8 100644
--- a/src/components/maps/overlay/MarkerCreator.vue
+++ b/src/components/maps/overlay/MarkerCreator.vue
@@ -233,6 +233,7 @@ dialog {
     background-color: var(--white);
     border: 1px solid var(--slate-400);
     border-radius: .75rem;
+    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
     overflow: visible;
     transform: translateY(1rem);
     transition: visibility 0s ease-out .3s, opacity .3s ease-out, transform .3s ease-out;