From 49849e40ec2560fc22cf2da2a5f9be10c90f42bc Mon Sep 17 00:00:00 2001
From: Ben Harris <bjh21@bjh21.me.uk>
Date: Mon, 17 Oct 2022 22:34:54 +0100
Subject: [PATCH] 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.
---
 emccpre.js     | 3 ---
 html/jspage.pl | 3 +++
 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;
 }