new settings page

data/static/css/theme-peachy.css

@@ -814,15 +814,13 @@ p {
 }
 
 .login-container > * {
-  width: 70%;
+  width: 85%;
   margin: auto;
-  max-width: 1000px;
 }
 
 .settings-container > * {
-  width: 70%;
+  width: 85%;
   margin: auto;
-  max-width: 1000px;
 }
 
 .avatar-form {
@@ -1433,6 +1431,21 @@ a.mention:hover, a.mention:visited:hover {
   color: black;
 }
 
+.settings-grid {
+  display: grid;
+  gap: 6px;
+  --grid-item-max-width: calc((100% - 6px) / 2);
+  grid-template-columns: repeat(auto-fill, minmax(max(400px, var(--grid-item-max-width)), 1fr));
+}
+.settings-grid fieldset {
+  border: 1px solid white;
+  border-radius: 16px;
+}
+
+.hfc {
+  height: fit-content;
+}
+
 #topnav {
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;