From 6b40c0b2e39bfa60c1e52ac26b22a472332df1d6 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 12 Jun 2022 13:11:33 +0000
Subject: [PATCH] Tidy _AppearanceUserSettingsTab.scss (#8824)

---
 .../tabs/user/_AppearanceUserSettingsTab.scss | 33 +++++++++----------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss b/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
index 4b6da57192..a4e4eccd21 100644
--- a/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
+++ b/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
@@ -14,25 +14,22 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_AppearanceUserSettingsTab .mx_Field {
-    width: 256px;
-}
-
 .mx_AppearanceUserSettingsTab {
     > .mx_SettingsTab_SubHeading {
-        margin-bottom: 32px;
-        margin-top: 12px;
-    }
-}
-
-.mx_AppearanceUserSettingsTab_Advanced {
-    color: $primary-content;
-
-    > * {
-        margin-bottom: 16px;
-    }
-
-    .mx_AppearanceUserSettingsTab_systemFont {
-        margin-left: calc($font-16px + 10px);
+        margin-block: $spacing-12 $spacing-32;
+    }
+
+    .mx_Field {
+        width: 256px;
+    }
+
+    .mx_AppearanceUserSettingsTab_Advanced {
+        .mx_Checkbox {
+            margin-block: $spacing-16;
+        }
+
+        .mx_AppearanceUserSettingsTab_systemFont {
+            margin-inline-start: calc($font-16px + 10px);
+        }
     }
 }