From b7db3fec6207538e639bd11fdba060209a6c2b96 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 5 Mar 2022 18:01:37 +0100
Subject: [PATCH] Popup box has margin top relative to view height

---
 src/components/MoviePopup.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/MoviePopup.vue b/src/components/MoviePopup.vue
index 2024d99..ebdcd53 100644
--- a/src/components/MoviePopup.vue
+++ b/src/components/MoviePopup.vue
@@ -78,16 +78,14 @@ export default {
   overflow: auto;
 
   &__box {
-    width: 100%;
-    height: 0;
     max-width: 768px;
     position: relative;
     z-index: 5;
-    background: var(--background-40);
     padding-bottom: 50px;
+
     @include tablet-min {
       padding-bottom: 0;
-      margin: 40px auto;
+      margin: 8vh auto;
     }
   }
   &__close {
@@ -101,6 +99,8 @@ export default {
     height: 40px;
     transition: background 0.5s ease;
     cursor: pointer;
+    z-index: 5;
+
     &:before,
     &:after {
       content: "";