From 90910da8eeb13d848f5d8f7d869134b1dc220fb1 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Thu, 26 Nov 2020 08:30:52 +0100
Subject: [PATCH] rework modal overlay

---
 build/scss/_modals.scss | 16 ++++++++++------
 pages/UI/modals.html    |  2 +-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/build/scss/_modals.scss b/build/scss/_modals.scss
index ffca5aa4e..85188d864 100644
--- a/build/scss/_modals.scss
+++ b/build/scss/_modals.scss
@@ -5,15 +5,19 @@
 // Overlay
 .modal-dialog {
   .overlay {
-    background-color: $black;
-    display: block;
-    height: 100%;
-    left: 0;
-    opacity: .7;
+    display: flex;
     position: absolute;
+    left: 0;
     top: 0;
-    width: 100%;
+    bottom: 0;
+    right: 0;
+    margin: -$modal-content-border-width;
     z-index: ($zindex-modal + 2);
+    justify-content: center;
+    align-items: center;
+    background-color: rgba($black, .7);
+    color: darken($gray-600, 2.5%);
+    @include border-radius($modal-content-border-radius);
   }
 }
 
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index a3a5b53bb..46b63a675 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -1046,7 +1046,7 @@
       <div class="modal fade" id="modal-overlay">
         <div class="modal-dialog">
           <div class="modal-content">
-            <div class="overlay d-flex justify-content-center align-items-center">
+            <div class="overlay">
                 <i class="fas fa-2x fa-sync fa-spin"></i>
             </div>
             <div class="modal-header">