From 4d28da04a6d451c3704b62bda17851e861e9dc23 Mon Sep 17 00:00:00 2001
From: Djeeberjr <djeeberjr@gmail.com>
Date: Fri, 30 Jul 2021 23:36:50 +0200
Subject: [PATCH] center modal

---
 src/style/Modal.module.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/style/Modal.module.scss b/src/style/Modal.module.scss
index f94751f..52c1e36 100644
--- a/src/style/Modal.module.scss
+++ b/src/style/Modal.module.scss
@@ -6,14 +6,18 @@
     width: 100%; 
     height: 100%;
     background-color: rgba(0,0,0,0.4);
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .body{
     background-color: #fefefe;
-    margin: 15% auto; /* 15% from the top and centered */
+    margin-left: auto;
+    margin-right: auto;
     padding: 20px;
     border: 1px solid #888;
-    width: 80%; /* Could be more or less, depending on screen size */
+    width: 80%;
 }
 
 .hidden{