fix for reply box offset off screen

2 files changed, 3 insertions, 7 deletions

diff --git a/static/bottom.html b/static/bottom.html
index 023deeb..ab8d88d 100644
--- a/static/bottom.html
+++ b/static/bottom.html
@@ -4,7 +4,7 @@
   <form onsubmit="sessionStorage.setItem('element-closed-reply', true)"  id="reply-post" action="/post" method="post" enctype="multipart/form-data">
     <input id="reply-name" name="name" size="43" type="text" placeholder="Name" maxlength="100">
     <input id="reply-options" name="options" size="43" type="text" placeholder="Options" maxlength="100">
-    <textarea id="reply-comment" name="comment" rows="12" cols="54" maxlength="2000" oninput="sessionStorage.setItem('element-reply-comment', document.getElementById('reply-comment').value)"></textarea>
+    <textarea id="reply-comment" name="comment" rows="12" cols="54" style="width: 396px;" maxlength="2000" oninput="sessionStorage.setItem('element-reply-comment', document.getElementById('reply-comment').value)"></textarea>
     <input id="reply-file" name="file" type="file">
     <input id="reply-submit" type="submit" value="Reply" style="float: right;">
     <input type="hidden" id="inReplyTo-box" name="inReplyTo" value="{{ .Board.InReplyTo }}">
diff --git a/static/js/posts.js b/static/js/posts.js
index 29541c0..b9e9706 100644
--- a/static/js/posts.js
+++ b/static/js/posts.js
@@ -164,11 +164,7 @@ function quote(actorName, opid, id)
     var inReplyTo = document.getElementById("inReplyTo-box");
 
     var w = window.innerWidth / 2 - 200;
-    if(id == "reply") {
-        var h = document.getElementById(id + "-content").offsetTop - 548;
-    } else {
-        var h = document.getElementById(id + "-content").offsetTop - 348;
-    }
+    var h = 300; //document.getElementById(id + "-content").offsetTop - 348;
 
     const boxStyle = "top: " + h + "px; left: " + w + "px;";
     box.setAttribute("style", boxStyle);
@@ -201,7 +197,7 @@ function report(actorName, id)
     var inReplyTo = document.getElementById("report-inReplyTo-box");
 
     var w = window.innerWidth / 2 - 200;
-    var h = document.getElementById(id + "-content").offsetTop - 348;
+    var h = 300; //document.getElementById(id + "-content").offsetTop - 348;
 
     const boxStyle = "top: " + h + "px; left: " + w + "px;";
     box.setAttribute("style", boxStyle);