new settings page

data/static/css/theme-otomotone.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: #e6e6e6;
 }
 
+.settings-grid {
+  display: grid;
+  gap: 10px;
+  --grid-item-max-width: calc((100% - 10px) / 2);
+  grid-template-columns: repeat(auto-fill, minmax(max(400px, var(--grid-item-max-width)), 1fr));
+}
+.settings-grid fieldset {
+  border: 1px solid black;
+  border-radius: 8px;
+}
+
+.hfc {
+  height: fit-content;
+}
+
 #topnav {
   margin-bottom: 10px;
   border: 10px solid rgb(40, 40, 40);