From c2839e8a9923a046391ecfefed21a816f0284111 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Wed, 13 Dec 2023 18:22:15 +0800
Subject: [PATCH] Mobile-style flushed-right toggle switches

---
 src/views/AccountViewView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index a8e2aba..fe2c38e 100644
--- a/src/views/AccountViewView.vue
+++ b/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 -->