From 9fffb275d12ec0f09f1ab1081e4a9bfe932edc1b Mon Sep 17 00:00:00 2001
From: ChaotiCryptidz <chaoticryptidz@owo.monster>
Date: Wed, 19 Jan 2022 14:14:13 +0000
Subject: [PATCH] move settings into a grid

---
 src/ui/pages/Settings/Settings.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/ui/pages/Settings/Settings.tsx b/src/ui/pages/Settings/Settings.tsx
index a6f1f06..f4038e7 100644
--- a/src/ui/pages/Settings/Settings.tsx
+++ b/src/ui/pages/Settings/Settings.tsx
@@ -1,6 +1,7 @@
 import { Component } from "preact";
 import { DefaultPageProps } from "../../../types/DefaultPageProps";
 import { GeneralSettings } from "./GeneralSettings";
+import { Grid, GridSizes } from "../../elements/Grid";
 import { KeyValueEditorSettings } from "./KeyValueEditorSettings";
 import { PageTitle } from "../../elements/PageTitle";
 import i18next from "i18next";
@@ -10,12 +11,14 @@ export class Settings extends Component<DefaultPageProps> {
     return (
       <>
         <PageTitle title={i18next.t("settings_title")} />
-        <div>
-          <GeneralSettings {...this.props} />
-        </div>
-        <div>
-          <KeyValueEditorSettings {...this.props} />
-        </div>
+        <Grid size={GridSizes.NORMAL}>
+          <div>
+            <GeneralSettings {...this.props} />
+          </div>
+          <div>
+            <KeyValueEditorSettings {...this.props} />
+          </div>
+        </Grid>
       </>
     );
   }