From 3020b2248cba0a126ef01aad4f6655b6a638be97 Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Wed, 3 Feb 2021 23:50:19 +0000
Subject: [PATCH] z-index: modals in front of menu

+fix padding
---
 src/components/Menu.vue         | 2 +-
 src/components/modals/Modal.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 79715a5..39daeb4 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -328,7 +328,7 @@ export default {
   top: 3px;
   text-align: right;
   padding-right: 50px;
-  z-index: 200;
+  z-index: 75;
 
   svg {
     filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
diff --git a/src/components/modals/Modal.vue b/src/components/modals/Modal.vue
index d8164c6..3cb1647 100644
--- a/src/components/modals/Modal.vue
+++ b/src/components/modals/Modal.vue
@@ -56,8 +56,11 @@ export default {
   }
   .characters & {
     background: rgba(0, 0, 0, 0.95);
-    max-height: 100%;
+    padding: 0;
+    height: 100%;
+    width: 100%;
     max-width: 100%;
+    max-height: 100%;
     overflow-y: auto;
   }