add most mod routes

data/static/css/style.css

@@ -82,9 +82,6 @@ body {
   background-color: var(--bg-color-tertiary);
   font-family: Cadman;
   color: var(--font-color-main);
-}
-
-#wrapper {
   margin: var(--big-padding) var(--wrapper-side-margin);
 }
 
@@ -164,6 +161,10 @@ button, .linkbutton, input[type="submit"] {
   }
 }
 
+.tab-container {
+  width: 100%;
+}
+
 .tab-bar {
   display: flex;
   gap: var(--base-padding);
@@ -187,7 +188,6 @@ button, .linkbutton, input[type="submit"] {
 .babycode-editor {
   width: 100%;
   height: 150px;
-  resize: vertical;
 }
 
 .post-edit-form {
@@ -202,6 +202,7 @@ input[type="text"], input[type="password"], textarea, select {
   background-color: var(--main-color);
   border-radius: var(--border-radius);
   border: solid var(--border-thickness) var(--border-color);
+  resize: vertical;
 
   padding: var(--small-padding) var(--medium-padding);
   margin: var(--base-padding) 0px;
@@ -211,6 +212,10 @@ input[type="text"], input[type="password"], textarea, select {
   }
 }
 
+textarea {
+  font-family: 'Atkinson Hyperlegible Mono'
+}
+
 h1 {
   margin: 0;
 }
@@ -324,10 +329,14 @@ ul.horizontal, ol.horizontal {
   padding: 0;
   gap: var(--base-padding);
 
-  & li {
+  & li:not(.visible) {
     list-style-type: none;
   }
 
+  & li.visible {
+    margin-left: var(--big-padding);
+  }
+
   &.wrap {
     flex-wrap: wrap;
   }
@@ -456,7 +465,6 @@ footer {
   flex-wrap: wrap;
   gap: var(--base-padding);
   width: fit-content;
-  justify-content: center;
 }
 
 .actions-group {
@@ -584,6 +592,15 @@ footer {
   flex-wrap: wrap;
 }
 
+form.full-width {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  &> textarea, &> select, &> input[type="text"], &> input[type="password"] {
+    width: 100%;
+  }
+}
+
 /* babycode tags */
 .inline-code {
   background-color: var(--code-bg-color);
@@ -688,9 +705,9 @@ a.mention {
 }
 
 @media (max-width: 768px) {
-  #wrapper {
-  margin-left: 0;
-  margin-right: 0;
+  body {
+    margin-left: 0;
+    margin-right: 0;
   }
 
   .settings-grid {