CSS fixes for admin page on mobile. Fixed reporting replies not working

src/webfiles/portal/js/juxt.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 var scrollPosition, pjax;
 var updateCheck = setInterval(checkForUpdates, 30000);
 var inputCheck = setInterval(input, 100);
@@ -338,9 +339,11 @@ function reportPost(post) {
     var id = post.getAttribute('data-post');
     var button = document.getElementById('report-launcher');
     var form = document.getElementById('report-form');
-    if(!id || !button || !form) return;
+    var formID = document.getElementById('report-post-id');
+    if(!id || !button || !form || !formID) return;
 
     form.action = '/posts/' + id + '/report';
+    formID.value = id;
     console.log(id.replace(/(\d{3})(\d{4})(\d{3})(\d{4})(\d{3})(\d{4})/, "$1-$2-$3-$4-$5-$6"));
     button.click();
 }

src/webfiles/portal/post.ejs

@@ -40,7 +40,7 @@
             <h1 class="page-title">Report Post</h1>
         </header>
         <form method="post" action="/posts/<%=post.id%>/report" id="report-form" name="report" data-is-own-title="1" data-is-identified="1">
-            <input type="hidden" name="post_id" value="<%= post.id %>"/>
+            <input type="hidden" name="post_id" id="report-post-id" value="<%= post.id %>"/>
             <div class="add-post-page-content report">
                 <p>
                     You are about to report a post with content which violates the Juxtaposition Code of Conduct.

src/webfiles/web/css/web.css

@@ -599,4 +599,17 @@ iframe {
         width:60px;
         height:60px
     }
+    list-content-with-icon-and-text li.reports > * {
+        width: 100%;
+        overflow: clip;
+    }
+
+    li.reports .posts-wrapper {
+        margin-left: -1em;
+    }
+
+    li.reports .hover {
+        width: auto;
+        padding: 0.5em 0.25em;
+    }
 }