ui improvements

src/components/TopBar/Settings/AccountSettings.vue

@@ -126,12 +126,12 @@ const toggleEncryption = async () => {
                     Are you sure you want to delete your Contexted account? This action cannot be
                     undone!
                   </div>
-                  <div class="space-x-2">
+                  <div class="flex flex-wrap gap-2">
                     <UIButton size="sm" variant="outline" color="primary" @click="deleteAccount">
                       Delete account
                     </UIButton>
                     <UIButton size="sm" variant="outline" @click="showDeleteAccountDialog = false">
-                      Close
+                      Cancel
                     </UIButton>
                   </div>
                 </UIAlert>
@@ -178,7 +178,7 @@ const toggleEncryption = async () => {
                       <i class="fa-solid fa-triangle-exclamation"></i>
                       {{ toggleEncryptionError }}
                     </UIAlert>
-                    <div class="space-x-2">
+                    <div class="flex flex-wrap gap-2">
                       <UIButton
                         :disabled="passphrase.length === 0"
                         size="sm"
@@ -189,7 +189,7 @@ const toggleEncryption = async () => {
                         {{ encryptionEnabled ? 'Disable' : 'Enable' }} encryption
                       </UIButton>
                       <UIButton size="sm" variant="outline" @click="showEncryptionDialog = false">
-                        Close
+                        Cancel
                       </UIButton>
                     </div>
                   </div>