From f58a48bc1f82c3adfed4029aec4c2e414231939e Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 23 Jun 2021 17:23:51 +0200
Subject: [PATCH] Move general settings to the top

---
 src/views/user/Settings.vue | 140 ++++++++++++++++++------------------
 1 file changed, 70 insertions(+), 70 deletions(-)

diff --git a/src/views/user/Settings.vue b/src/views/user/Settings.vue
index adbf38329..a6e5849cf 100644
--- a/src/views/user/Settings.vue
+++ b/src/views/user/Settings.vue
@@ -2,6 +2,76 @@
 	<div
 		:class="{ 'is-loading': passwordUpdateService.loading || emailUpdateService.loading || totpService.loading }"
 		class="loader-container is-max-width-desktop">
+		<!-- General -->
+		<card title="General Settings" class="general-settings">
+			<div class="field">
+				<label class="label" for="newName">Name</label>
+				<div class="control">
+					<input
+						@keyup.enter="updateSettings"
+						class="input"
+						id="newName"
+						placeholder="The new name"
+						type="text"
+						v-model="settings.name"/>
+				</div>
+			</div>
+			<div class="field">
+				<label class="checkbox">
+					<input type="checkbox" v-model="settings.emailRemindersEnabled"/>
+					Send me reminders for tasks via Email
+				</label>
+			</div>
+			<div class="field">
+				<label class="checkbox">
+					<input type="checkbox" v-model="settings.overdueTasksRemindersEnabled"/>
+					Send me reminders for overdue undone tasks via email each morning
+				</label>
+			</div>
+			<div class="field">
+				<label class="checkbox">
+					<input type="checkbox" v-model="settings.discoverableByName"/>
+					Let other users find me when they search for my name
+				</label>
+			</div>
+			<div class="field">
+				<label class="checkbox">
+					<input type="checkbox" v-model="settings.discoverableByEmail"/>
+					Let other users find me when they search for my full email
+				</label>
+			</div>
+			<div class="field">
+				<label class="checkbox">
+					<input type="checkbox" v-model="playSoundWhenDone"/>
+					Play a sound when marking tasks as done
+				</label>
+			</div>
+			<div class="field">
+				<label class="is-flex is-align-items-center">
+					<span>
+						Week starts on
+					</span>
+					<div class="select ml-2">
+						<select v-model.number="settings.weekStart">
+							<option value="0">Sunday</option>
+							<option value="1">Monday</option>
+						</select>
+					</div>
+				</label>
+			</div>
+
+			<x-button
+				:loading="userSettingsService.loading"
+				@click="updateSettings()"
+				class="is-fullwidth mt-4"
+			>
+				Save
+			</x-button>
+		</card>
+
+		<!-- Avatar -->
+		<avatar-settings/>
+
 		<!-- Password update -->
 		<card title="Update Your Password">
 			<form @submit.prevent="updatePassword()">
@@ -88,76 +158,6 @@
 			</x-button>
 		</card>
 
-		<!-- General -->
-		<card title="General Settings" class="general-settings">
-			<div class="field">
-				<label class="label" for="newName">Name</label>
-				<div class="control">
-					<input
-						@keyup.enter="updateSettings"
-						class="input"
-						id="newName"
-						placeholder="The new name"
-						type="text"
-						v-model="settings.name"/>
-				</div>
-			</div>
-			<div class="field">
-				<label class="checkbox">
-					<input type="checkbox" v-model="settings.emailRemindersEnabled"/>
-					Send me reminders for tasks via Email
-				</label>
-			</div>
-			<div class="field">
-				<label class="checkbox">
-					<input type="checkbox" v-model="settings.overdueTasksRemindersEnabled"/>
-					Send me reminders for overdue undone tasks via email each morning
-				</label>
-			</div>
-			<div class="field">
-				<label class="checkbox">
-					<input type="checkbox" v-model="settings.discoverableByName"/>
-					Let other users find me when they search for my name
-				</label>
-			</div>
-			<div class="field">
-				<label class="checkbox">
-					<input type="checkbox" v-model="settings.discoverableByEmail"/>
-					Let other users find me when they search for my full email
-				</label>
-			</div>
-			<div class="field">
-				<label class="checkbox">
-					<input type="checkbox" v-model="playSoundWhenDone"/>
-					Play a sound when marking tasks as done
-				</label>
-			</div>
-			<div class="field">
-				<label class="is-flex is-align-items-center">
-					<span>
-						Week starts on
-					</span>
-					<div class="select ml-2">
-						<select v-model.number="settings.weekStart">
-							<option value="0">Sunday</option>
-							<option value="1">Monday</option>
-						</select>
-					</div>
-				</label>
-			</div>
-
-			<x-button
-				:loading="userSettingsService.loading"
-				@click="updateSettings()"
-				class="is-fullwidth mt-4"
-			>
-				Save
-			</x-button>
-		</card>
-
-		<!-- Avatar -->
-		<avatar-settings/>
-
 		<!-- TOTP -->
 		<card title="Two Factor Authentication" v-if="totpEnabled">
 			<x-button