settings tweaks and "about instance" page

1 files changed, 36 insertions, 0 deletions

diff --git a/static/misc.css b/static/misc.css
index 9bf9490..8902e95 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -80,6 +80,35 @@ span.unreadIndicator {
   }
 }
 
+.settingsCategories {
+  display: grid;
+  align-items: baseline;
+  margin: var(--spacing-double);
+  gap: var(--spacing-double);
+  grid-auto-flow: column;
+  justify-content: start;
+  ul {
+    display: block;
+    margin: 0;
+    margin-bottom: var(--spacing-double);
+    padding: 0;
+    list-style: none;
+    li {
+      display: inline-block;
+      a {
+        background: var(--clr-secondary);
+        color: var(--clr-foreground-on-secondary);
+        padding: var(--spacing-single) var(--spacing-double);
+        margin: var(--spacing-half);
+        width: max-content;
+        border-radius: var(--border-radius);
+        color: inherit;
+        text-decoration: none;
+      }
+    }
+  }
+}
+
 .htmx-indicator {
   visibility: hidden;
   &.htmx-request {
@@ -91,6 +120,13 @@ pre {
   font-family: inherit;
   font-size: inherit;
   text-wrap: wrap;
+  &.panel {
+    background: var(--clr-panel-background);
+    padding: var(--spacing-double);
+    margin: var(--spacing-double);
+    border: var(--border);
+    border-radius: var(--border-radius);
+  }
 }
 
 .temporaryIndicator {