js: Move dialogue-box sizing and positioning from JavaScript to CSS

This has the advantage that if you resize the window while a dialogue
box is active, the dialogue box adjusts itself accordingly.

2 files changed, 3 insertions, 3 deletions

diff --git a/emccpre.js b/emccpre.js
index 961999b..31ddc71 100644
--- a/emccpre.js
+++ b/emccpre.js
@@ -184,9 +184,6 @@ function dialog_init(titletext) {
     // Now create a form which sits on top of that in turn.
     dlg_form = document.createElement("form");
     dlg_form.id = "dlgform";
-    dlg_form.style.width = (window.innerWidth * 2 / 3) + "px";
-    dlg_form.style.top = (window.innerHeight / 10) + "px";
-    dlg_form.style.left = (window.innerWidth / 6) + "px";
 
     var title = document.createElement("p");
     title.className = "title";
diff --git a/html/jspage.pl b/html/jspage.pl
index 3a241e4..07ea719 100755
--- a/html/jspage.pl
+++ b/html/jspage.pl
@@ -225,12 +225,15 @@ EOF
 }
 
 #dlgform {
+    width: 66.6667vw;
     opacity: 1;
     background: #ffffff;
     color: #000000;
     position: absolute;
     border: 2px solid black;
     padding: 20px;
+    top: 10vh;
+    left: 16.6667vw;
     z-index: 100;
 }