Submit button spacing

epicyon-profile.css

@@ -473,7 +473,7 @@ input[type=submit] {
     background-color: #555;
     color: white;
     float: right;
-    margin: 0px 10px;
+    margin: 10px 10px;
     padding: 12px 40px;
     border: none;
     border-radius: 4px;

epicyon-suspended.css

@@ -0,0 +1,58 @@
+@charset "UTF-8";
+
+:root {
+    --main-bg-color: #282c37;
+    --main-bg-color-darker: #232c37;
+    --main-bg-color-report: #221c27;
+    --main-header-color-roles: #282237;
+    --main-fg-color: #dddddd;
+    --main-link-color: #999;
+    --main-visited-color: #888;
+    --border-color: #505050;
+    --font-size-header: 18px;
+    --font-color-header: #ccc;
+    --font-size: 22px;
+    --text-entry-foreground: #ccc;
+    --text-entry-background: #111;
+}
+
+body, html {
+    background-color: var(--main-bg-color);
+    color: var(--main-fg-color);
+
+    height: 100%;
+    font-family: Arial, Helvetica, sans-serif;
+    max-width: 80%;
+    min-width: 600px;
+    margin: 0 auto;
+    font-size: var(--font-size);
+}
+
+a, u {
+    color: var(--main-fg-color);
+}
+
+a:visited{
+    color: var(--main-visited-color);
+    font-weight: bold;
+}
+
+a:link {
+    color: var(--main-link-color);
+    font-weight: bold;
+}
+
+.screentitle {
+    font-size: 30px;
+}
+
+div {
+    height: 300px;
+    width: 400px;
+    background: var(--main-bg-color);
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    margin-top: -100px;
+    margin-left: -200px;
+}

webinterface.py

@@ -1068,11 +1068,15 @@ def htmlTimeline(pageNumber: int,itemsPerPage: int,session,baseDir: str, \
     # second row of buttons for moderator actions
     if moderator and boxName=='moderation':
         tlStr+= \
+            '<form method="POST" action="/users/'+nickname+'/moderationaction">' \
             '<div class="container">\n'+ \
-            '    <a href="'+actor+'/modremove"><button title="Remove an account" class="button"><span>Remove </span></button></a>' \
-            '    <a href="'+actor+'/modsuspend"><button title="Suspend an account" class="button"><span>Suspend </span></button></a>' \
-            '    <a href="'+actor+'/modblock"><button title="Block an account on another instance" class="button"><span>Block </span></button></a>' \
-            '</div>'
+            '    <input type="text" placeholder="Nickname or URL..." name="moderationAction" value="">' \
+            '    <input type="submit" title="Remove the above item" name="submitRemove" value="Remove">' \
+            '    <input type="submit" title="Suspend the above account nickname" name="submitSuspend" value="Suspend">' \
+            '    <input type="submit" title="Remove a suspension for an account nickname" name="submitUnsuspend" value="Unsuspend">' \
+            '    <input type="submit" title="Block an account on another instance" name="submitBlock" value="Block">' \
+            '    <input type="submit" title="Unblock an account on another instance" name="submitUnblock" value="Unblock">' \
+            '</div></form>'
 
     # add the javascript for content warnings
     tlStr+='<script>'+contentWarningScript()+'</script>'