Mobile-style flushed-right toggle switches

src/views/AccountViewView.vue

@@ -89,7 +89,7 @@
     <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8">
       <label
         for="toggleNotifications"
-        class="flex items-center cursor-pointer"
+        class="flex items-center justify-between cursor-pointer"
         @click="
           !toggleNotifications
             ? this.$notify(
@@ -129,7 +129,7 @@
       </label>
       <label
         for="toggleMuteNotifications"
-        class="flex items-center cursor-pointer mt-4"
+        class="flex items-center justify-between cursor-pointer mt-4"
         @click="
           this.$notify(
             {
@@ -280,7 +280,7 @@
 
       <label
         for="toggleShowAmounts"
-        class="flex items-center cursor-pointer py-2"
+        class="flex items-center justify-between cursor-pointer py-2"
         @click="handleChange"
       >
         <!-- label -->