Fix various issues reported on the Trello (#341)

* Fix various issues reported on the Trello

* Remove accidental additions

pages/settings/index.vue

@@ -20,7 +20,7 @@
           "
         >
           <TrashIcon />
-          Reset icon
+          Reset
         </button>
       </div>
       <div class="recap">
@@ -92,11 +92,10 @@
         </label>
         <h3>Theme</h3>
         <label>
-          <span
-            >Change the global site theme of Modrinth. You can switch it here or
-            anywhere by accessing the theme switcher in the navigation bar
-            dropdown.</span
-          >
+          <span>
+            Change the global site theme. It can also be changed between light
+            and dark in the navigation bar.
+          </span>
           <Multiselect
             v-model="$colorMode.preference"
             :options="['light', 'dark', 'oled']"
@@ -145,14 +144,14 @@ export default {
     }
   },
   fetch() {
-    this.$emit('update:action-button', 'Save profile settings')
+    this.$emit('update:action-button', 'Save')
     this.$emit('update:action-button-callback', this.saveChanges)
   },
   head: {
     title: 'Settings - Modrinth',
   },
   created() {
-    this.$emit('update:action-button', 'Save profile settings')
+    this.$emit('update:action-button', 'Save')
     this.$emit('update:action-button-callback', this.saveChanges)
   },
   methods: {

pages/settings/privacy.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="rows card">
-    <div class="consent-container">
+    <div class="privacy-settings-container">
       <div>
         Modrinth relies on different providers and in-house tools to allow us to
         provide custom-tailored experiences and personalized advertising. You
@@ -32,10 +32,10 @@
     </div>
     <div class="actions">
       <button class="iconified-button" @click="toggleAll(false)">
-        Refuse All
+        Select none
       </button>
       <button class="iconified-button" @click="toggleAll(true)">
-        Accept All
+        Select all
       </button>
     </div>
   </div>
@@ -54,7 +54,7 @@ export default {
     }
   },
   fetch() {
-    this.$emit('update:action-button', 'Confirm my choices')
+    this.$emit('update:action-button', 'Confirm')
     this.$emit('update:action-button-callback', this.confirm)
 
     this.$store.dispatch('consent/loadFromCookies', this.$cookies)
@@ -77,7 +77,7 @@ export default {
     title: 'Privacy Settings - Modrinth',
   },
   created() {
-    this.$emit('update:action-button', 'Confirm my choices')
+    this.$emit('update:action-button', 'Confirm')
     this.$emit('update:action-button-callback', this.confirm)
   },
   options: {
@@ -132,7 +132,7 @@ export default {
   }
 }
 
-.consent-container {
+.privacy-settings-container {
   .divider {
     margin-top: 1rem;
   }

pages/settings/security.vue

@@ -48,7 +48,7 @@
           This cannot be reversed, so be careful!</span
         >
         <input
-          value="Delete Account"
+          value="Delete account"
           type="button"
           class="iconified-button"
           @click="$refs.delete_popup.show()"