From ec3992f8059dd99c9590d7ebfb96e0df27a44806 Mon Sep 17 00:00:00 2001
From: cocoon <cocoon@users.noreply.github.com>
Date: Sat, 15 Jan 2022 19:04:41 +0100
Subject: [PATCH] fix some position problems

fix for:  Layout issue on configuration page (button is outside of screen, if validation warning pops-up) #79
fix for:  Job configuration page layout and JS issue in Chrome #78

fixes https://github.com/bamotav/Hangfire.RecurringJobAdmin/issues/78
fixes https://github.com/bamotav/Hangfire.RecurringJobAdmin/issues/79
---
 .../Dashboard/Content/css/JobExtension.css    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/Hangfire.RecurringJobAdmin/Dashboard/Content/css/JobExtension.css b/src/Hangfire.RecurringJobAdmin/Dashboard/Content/css/JobExtension.css
index e4a6a6f..603b08c 100644
--- a/src/Hangfire.RecurringJobAdmin/Dashboard/Content/css/JobExtension.css
+++ b/src/Hangfire.RecurringJobAdmin/Dashboard/Content/css/JobExtension.css
@@ -1,22 +1,23 @@
-/** Main */
+/** Main */
 #app {
     position: relative !important;
-    left: -229px !important;
+    left: 0px !important;
 }
 
 #app > div > div {
     margin-top: 30px !important;
-    width: 1626px !important
+    width: 100% !important;
 }
 
 /* Modal */
 .modal-mask {
-    position: fixed;
+    overflow-y: scroll;
+    position: absolute;
     z-index: 9998;
-    top: 0;
-    left: 0;
+    top: -200px; /*same as .modal-wrapper padding-top: 200px; */
+    /*left: 0px;*/
     width: 100%;
-    height: 100%;
+    height: calc(100vh + 120px);
     background-color: rgba(0, 0, 0, .5);
     display: table;
     transition: opacity .3s ease;
@@ -24,7 +25,8 @@
 
 .modal-wrapper {
     display: table-cell;
-    vertical-align: middle;
+    vertical-align: top;
+    padding-top: 200px; /*same as .modal-mask top: -200px; */
 }
 
 .modal-container {
@@ -157,4 +159,4 @@
 .cronContainer button:hover, .cronContainer button:active, .cronContainer button:focus {
     height: 34px !important;
     outline: none !important;
-}
\ No newline at end of file
+}