javascript free reporting

2 files changed, 17 insertions, 3 deletions

diff --git a/views/css/themes/default.css b/views/css/themes/default.css
index 488ba4f..3201975 100644
--- a/views/css/themes/default.css
+++ b/views/css/themes/default.css
@@ -24,12 +24,12 @@ h1, h2, h3, h4, h5, h6 {
   color: #af0a0f;
 }
 
-.popup-box {
+.popup-box, #report-box {
   border: 4px solid #d3caf0;
   background-color: #eff5ff;
 }
 
-.nsfw .popup-box {
+.nsfw .popup-box, .nsfw #report-box {
   border: 4px solid #f0e2d9;
   background-color: #f9f9e0;
 }
@@ -160,6 +160,13 @@ a.reply {
   display: block;
 }
 
+#report-box {
+  min-width: 300px;
+  width: min-content;
+  z-index: 9;
+  display: block;
+}
+
 /* TODO: rename */
 .box2 {
   border: 4px solid #f0e2d9;
diff --git a/views/css/themes/gruvbox.css b/views/css/themes/gruvbox.css
index 788b2b6..a4474ce 100644
--- a/views/css/themes/gruvbox.css
+++ b/views/css/themes/gruvbox.css
@@ -20,7 +20,7 @@ body {
   font-size: 0.9em;
 }
 
-.popup-box {
+.popup-box, #report-box {
   border: 4px solid #928374;
   background-color: #3c3836;
 }
@@ -141,6 +141,13 @@ input[type="text"] {
   display: block;
 }
 
+#report-box {
+  min-width: 300px;
+  width: min-content;
+  z-index: 9;
+  display: block;
+}
+
 /* TODO: rename */
 .box2 {
   border: 4px solid #928374;