1 files changed, 25 insertions, 12 deletions
diff --git a/src/client/util/SettingsManager.scss b/src/client/util/SettingsManager.scss
index 1e44a6a3c..cd9d2569a 100644
--- a/src/client/util/SettingsManager.scss
+++ b/src/client/util/SettingsManager.scss
@@ -2,16 +2,33 @@
 
 .settings-interface {
     display: flex;
+    flex-direction: column;
 
-    .focus-span {
-        text-decoration: underline;
+    .settings-body {
+        display: flex;
+        flex-direction: row;
+
+        .settings-type {
+            display: flex;
+            flex-direction: column;
+            flex-basis: 30%;
+        }
+
+        .settings-content {
+            padding-left: 1em;
+            display: flex;
+            justify-content: space-between;
+        }
     }
 
-    p {
-        text-align: left;
-        padding: 0;
-        margin: 0 0 20px 0;
+    .focus-span {
+        text-decoration: underline;
     }
+p {
+    text-align: left;
+    padding: 0;
+    margin: 0 0 20px 0;
+}
 
     h1 {
         color: $dark-color;
@@ -22,12 +39,8 @@
 
     .close-button {
         position: absolute;
-        right: 0;
-        top: 0;
-    }
-
-    .close-button:hover {
-        border-color: black;
+        right: 1em;
+        top: 1em;
     }
 
     .container {