src/components/settings_modal/settings_modal_user_content.vue

@@ -13,20 +13,6 @@
     >
       <GeneralTab />
     </div>
-    <div
-      :label="$t('settings.appearance')"
-      icon="window-restore"
-      data-tab-name="appearance"
-    >
-      <AppearanceTab />
-    </div>
-    <div
-      :label="$t('settings.theme')"
-      icon="paint-brush"
-      data-tab-name="theme"
-    >
-      <ThemeTab />
-    </div>
     <div
       v-if="isLoggedIn"
       :label="$t('settings.profile_tab')"
@@ -36,12 +22,11 @@
       <ProfileTab />
     </div>
     <div
-      v-if="isLoggedIn"
-      :label="$t('settings.notifications')"
-      icon="bell"
-      data-tab-name="notifications"
+      :label="$t('settings.appearance')"
+      icon="window-restore"
+      data-tab-name="appearance"
     >
-      <NotificationsTab />
+      <AppearanceTab />
     </div>
     <div
       v-if="isLoggedIn"
@@ -59,13 +44,19 @@
       <FilteringTab />
     </div>
     <div
-      v-if="isLoggedIn"
-      :label="$t('settings.mutes_and_blocks')"
-      :fullHeight="true"
-      icon="eye-slash"
-      data-tab-name="mutesAndBlocks"
+      :label="$t('settings.theme')"
+      icon="paint-brush"
+      data-tab-name="theme"
     >
-      <MutesAndBlocksTab />
+      <ThemeTab />
+    </div>
+    <div
+      v-if="isLoggedIn"
+      :label="$t('settings.notifications')"
+      icon="bell"
+      data-tab-name="notifications"
+    >
+      <NotificationsTab />
     </div>
     <div
       v-if="isLoggedIn"
@@ -75,6 +66,15 @@
     >
       <DataImportExportTab />
     </div>
+    <div
+      v-if="isLoggedIn"
+      :label="$t('settings.mutes_and_blocks')"
+      :fullHeight="true"
+      icon="eye-slash"
+      data-tab-name="mutesAndBlocks"
+    >
+      <MutesAndBlocksTab />
+    </div>
     <div
       :label="$t('settings.version.title')"
       icon="info"