From 604379bf852e9556c6e08f3a756702cd896b37c8 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 24 Mar 2024 13:35:29 +0800
Subject: [PATCH] modify style

---
 src/views/desktop/ExchangeRatesPage.vue                |  2 +-
 src/views/desktop/ForgetPasswordPage.vue               |  2 +-
 src/views/desktop/HomePage.vue                         |  2 +-
 src/views/desktop/LoginPage.vue                        |  4 ++--
 src/views/desktop/ResetPasswordPage.vue                |  2 +-
 src/views/desktop/SignupPage.vue                       |  2 +-
 src/views/desktop/UnlockPage.vue                       |  2 +-
 src/views/desktop/VerifyEmailPage.vue                  |  2 +-
 src/views/desktop/accounts/ListPage.vue                |  2 +-
 src/views/desktop/accounts/list/dialogs/EditDialog.vue |  2 +-
 src/views/desktop/categories/ListPage.vue              |  2 +-
 .../desktop/categories/list/dialogs/EditDialog.vue     |  2 +-
 .../desktop/categories/list/dialogs/PresetDialog.vue   |  2 +-
 src/views/desktop/statistics/TransactionPage.vue       |  2 +-
 src/views/desktop/tags/ListPage.vue                    |  2 +-
 src/views/desktop/transactions/ListPage.vue            |  2 +-
 .../desktop/transactions/list/dialogs/EditDialog.vue   |  4 ++--
 .../desktop/user/settings/tabs/UserBasicSettingTab.vue |  4 ++--
 .../settings/tabs/UserDataManagementSettingTab.vue     |  6 +++---
 .../user/settings/tabs/UserSecuritySettingTab.vue      |  4 ++--
 .../user/settings/tabs/UserTwoFactorAuthSettingTab.vue | 10 +++++-----
 21 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/src/views/desktop/ExchangeRatesPage.vue b/src/views/desktop/ExchangeRatesPage.vue
index d73cf867..63b32cae 100644
--- a/src/views/desktop/ExchangeRatesPage.vue
+++ b/src/views/desktop/ExchangeRatesPage.vue
@@ -70,7 +70,7 @@
                                                 <v-icon :icon="icons.refresh" size="24" />
                                                 <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                                             </v-btn>
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                                         </div>
                                     </template>
 
diff --git a/src/views/desktop/ForgetPasswordPage.vue b/src/views/desktop/ForgetPasswordPage.vue
index 0c206f86..7bc2a454 100644
--- a/src/views/desktop/ForgetPasswordPage.vue
+++ b/src/views/desktop/ForgetPasswordPage.vue
@@ -46,7 +46,7 @@
                                     <v-col cols="12">
                                         <v-btn block type="submit" :disabled="!email || requesting" @click="requestResetPassword">
                                             {{ $t('Send Reset Link') }}
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="requesting"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="requesting"></v-progress-circular>
                                         </v-btn>
                                     </v-col>
 
diff --git a/src/views/desktop/HomePage.vue b/src/views/desktop/HomePage.vue
index f8ac6e23..28bfcf78 100644
--- a/src/views/desktop/HomePage.vue
+++ b/src/views/desktop/HomePage.vue
@@ -15,7 +15,7 @@
                             <v-icon :icon="icons.refresh" size="24" />
                             <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                         </v-btn>
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
+                        <v-progress-circular indeterminate size="20" class="ml-3" v-if="loadingOverview"></v-progress-circular>
                     </div>
                 </template>
 
diff --git a/src/views/desktop/LoginPage.vue b/src/views/desktop/LoginPage.vue
index a293d6bc..bf12d703 100644
--- a/src/views/desktop/LoginPage.vue
+++ b/src/views/desktop/LoginPage.vue
@@ -107,12 +107,12 @@
                                         <v-btn block :disabled="inputIsEmpty || logining || verifying"
                                                @click="login" v-if="!show2faInput">
                                             {{ $t('Log In') }}
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="logining"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="logining"></v-progress-circular>
                                         </v-btn>
                                         <v-btn block :disabled="twoFAInputIsEmpty || logining || verifying"
                                                @click="verify" v-else-if="show2faInput">
                                             {{ $t('Continue') }}
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="verifying"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="verifying"></v-progress-circular>
                                         </v-btn>
                                     </v-col>
 
diff --git a/src/views/desktop/ResetPasswordPage.vue b/src/views/desktop/ResetPasswordPage.vue
index 5bf9c1ea..ab94e17b 100644
--- a/src/views/desktop/ResetPasswordPage.vue
+++ b/src/views/desktop/ResetPasswordPage.vue
@@ -77,7 +77,7 @@
                                     <v-col cols="12">
                                         <v-btn block :disabled="!email || !newPassword || !confirmPassword || updating" @click="resetPassword">
                                             {{ $t('Update Password') }}
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="updating"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="updating"></v-progress-circular>
                                         </v-btn>
                                     </v-col>
 
diff --git a/src/views/desktop/SignupPage.vue b/src/views/desktop/SignupPage.vue
index e7b61f29..63568a92 100644
--- a/src/views/desktop/SignupPage.vue
+++ b/src/views/desktop/SignupPage.vue
@@ -230,7 +230,7 @@
                                @click="submit"
                                v-if="currentStep === 'presetCategories'">
                             {{ $t('Submit') }}
-                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="submitting"></v-progress-circular>
+                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                         </v-btn>
                         <v-btn :append-icon="icons.next"
                                @click="navigateToLogin"
diff --git a/src/views/desktop/UnlockPage.vue b/src/views/desktop/UnlockPage.vue
index f6f30756..2482f02f 100644
--- a/src/views/desktop/UnlockPage.vue
+++ b/src/views/desktop/UnlockPage.vue
@@ -47,7 +47,7 @@
                                         <v-btn block variant="tonal" :disabled="verifyingByWebAuthn"
                                                @click="unlockByWebAuthn">
                                             {{ $t('Unlock By WebAuthn') }}
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="verifyingByWebAuthn"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="verifyingByWebAuthn"></v-progress-circular>
                                         </v-btn>
                                     </v-col>
 
diff --git a/src/views/desktop/VerifyEmailPage.vue b/src/views/desktop/VerifyEmailPage.vue
index ae10974a..9795d624 100644
--- a/src/views/desktop/VerifyEmailPage.vue
+++ b/src/views/desktop/VerifyEmailPage.vue
@@ -51,7 +51,7 @@
                                     <v-col cols="12" v-if="!loading && !token && email && isUserVerifyEmailEnabled">
                                         <v-btn block type="submit" :disabled="loading || resending || !password" @click="resendEmail">
                                             {{ $t('Resend Validation Email') }}
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="resending"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="resending"></v-progress-circular>
                                         </v-btn>
                                     </v-col>
 
diff --git a/src/views/desktop/accounts/ListPage.vue b/src/views/desktop/accounts/ListPage.vue
index 3bc63b24..25f968f2 100644
--- a/src/views/desktop/accounts/ListPage.vue
+++ b/src/views/desktop/accounts/ListPage.vue
@@ -66,7 +66,7 @@
                                                 <v-icon :icon="icons.refresh" size="24" />
                                                 <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                                             </v-btn>
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                                             <v-spacer/>
                                             <v-btn density="comfortable" color="default" variant="text" class="ml-2"
                                                    :disabled="loading" :icon="true">
diff --git a/src/views/desktop/accounts/list/dialogs/EditDialog.vue b/src/views/desktop/accounts/list/dialogs/EditDialog.vue
index 8058de5b..5dfc78f4 100644
--- a/src/views/desktop/accounts/list/dialogs/EditDialog.vue
+++ b/src/views/desktop/accounts/list/dialogs/EditDialog.vue
@@ -159,7 +159,7 @@
                 <div class="w-100 d-flex justify-center mt-2 mt-sm-4 mt-md-6 gap-4">
                     <v-btn :disabled="isInputEmpty() || loading || submitting" @click="save">
                         {{ $t(saveButtonTitle) }}
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="submitting"></v-progress-circular>
+                        <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                     </v-btn>
                     <v-btn color="secondary" variant="tonal"
                            :disabled="loading || submitting" @click="cancel">{{ $t('Cancel') }}</v-btn>
diff --git a/src/views/desktop/categories/ListPage.vue b/src/views/desktop/categories/ListPage.vue
index 8df468bc..bb49b69d 100644
--- a/src/views/desktop/categories/ListPage.vue
+++ b/src/views/desktop/categories/ListPage.vue
@@ -51,7 +51,7 @@
                                                 <v-icon :icon="icons.refresh" size="24" />
                                                 <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                                             </v-btn>
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                                             <v-spacer/>
                                             <v-btn density="comfortable" color="default" variant="text" class="ml-2"
                                                    :disabled="loading || updating" :icon="true">
diff --git a/src/views/desktop/categories/list/dialogs/EditDialog.vue b/src/views/desktop/categories/list/dialogs/EditDialog.vue
index 028973fe..cb735cff 100644
--- a/src/views/desktop/categories/list/dialogs/EditDialog.vue
+++ b/src/views/desktop/categories/list/dialogs/EditDialog.vue
@@ -57,7 +57,7 @@
                 <div class="w-100 d-flex justify-center mt-2 mt-sm-4 mt-md-6 gap-4">
                     <v-btn :disabled="inputIsEmpty || loading || submitting" @click="save">
                         {{ $t(saveButtonTitle) }}
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="submitting"></v-progress-circular>
+                        <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                     </v-btn>
                     <v-btn color="secondary" variant="tonal"
                            :disabled="loading || submitting" @click="cancel">{{ $t('Cancel') }}</v-btn>
diff --git a/src/views/desktop/categories/list/dialogs/PresetDialog.vue b/src/views/desktop/categories/list/dialogs/PresetDialog.vue
index 140a0abb..3bdd933d 100644
--- a/src/views/desktop/categories/list/dialogs/PresetDialog.vue
+++ b/src/views/desktop/categories/list/dialogs/PresetDialog.vue
@@ -54,7 +54,7 @@
                 <div class="w-100 d-flex justify-center mt-2 mt-sm-4 mt-md-6 gap-4">
                     <v-btn :disabled="submitting" @click="save">
                         {{ $t('Save') }}
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="submitting"></v-progress-circular>
+                        <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                     </v-btn>
                     <v-btn color="secondary" density="default" variant="tonal"
                            :disabled="submitting" @click="showState = false">{{ $t('Cancel') }}</v-btn>
diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue
index 0f768825..08f408b8 100644
--- a/src/views/desktop/statistics/TransactionPage.vue
+++ b/src/views/desktop/statistics/TransactionPage.vue
@@ -87,7 +87,7 @@
                                                 <v-icon :icon="icons.refresh" size="24" />
                                                 <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                                             </v-btn>
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                                             <v-spacer/>
                                             <v-btn density="comfortable" color="default" variant="text" class="ml-2"
                                                    :disabled="loading" :icon="true">
diff --git a/src/views/desktop/tags/ListPage.vue b/src/views/desktop/tags/ListPage.vue
index 293b5910..e55aa366 100644
--- a/src/views/desktop/tags/ListPage.vue
+++ b/src/views/desktop/tags/ListPage.vue
@@ -16,7 +16,7 @@
                             <v-icon :icon="icons.refresh" size="24" />
                             <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                         </v-btn>
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                        <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                         <v-spacer/>
                         <v-btn density="comfortable" color="default" variant="text" class="ml-2"
                                :disabled="loading || updating || hasEditingTag" :icon="true">
diff --git a/src/views/desktop/transactions/ListPage.vue b/src/views/desktop/transactions/ListPage.vue
index c08d4ee4..08e20a04 100644
--- a/src/views/desktop/transactions/ListPage.vue
+++ b/src/views/desktop/transactions/ListPage.vue
@@ -48,7 +48,7 @@
                                                 <v-icon :icon="icons.refresh" size="24" />
                                                 <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                                             </v-btn>
-                                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                                            <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                                             <v-spacer/>
                                             <div class="transaction-keyword-filter ml-2">
                                                 <v-text-field density="compact" :disabled="loading"
diff --git a/src/views/desktop/transactions/list/dialogs/EditDialog.vue b/src/views/desktop/transactions/list/dialogs/EditDialog.vue
index 704963ab..1c787a78 100644
--- a/src/views/desktop/transactions/list/dialogs/EditDialog.vue
+++ b/src/views/desktop/transactions/list/dialogs/EditDialog.vue
@@ -293,7 +293,7 @@
                 <div class="w-100 d-flex justify-center flex-wrap mt-2 mt-sm-4 mt-md-6 gap-4">
                     <v-btn :disabled="inputIsEmpty || loading || submitting" v-if="mode !== 'view'" @click="save">
                         {{ $t(saveButtonTitle) }}
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="submitting"></v-progress-circular>
+                        <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                     </v-btn>
                     <v-btn variant="tonal" :disabled="loading || submitting"
                            v-if="mode === 'view' && transaction.type !== allTransactionTypes.ModifyBalance"
@@ -304,7 +304,7 @@
                     <v-btn color="error" variant="tonal" :disabled="loading || submitting"
                            v-if="mode === 'view' && originalTransactionEditable" @click="remove">
                         {{ $t('Delete') }}
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="submitting"></v-progress-circular>
+                        <v-progress-circular indeterminate size="22" class="ml-2" v-if="submitting"></v-progress-circular>
                     </v-btn>
                     <v-btn color="secondary" variant="tonal" :disabled="loading || submitting"
                            @click="cancel">{{ $t(cancelButtonTitle) }}</v-btn>
diff --git a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
index 2301588e..3867b3aa 100644
--- a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
@@ -4,7 +4,7 @@
             <v-card :class="{ 'disabled': loading || saving }">
                 <template #title>
                     <span>{{ $t('Basic Settings') }}</span>
-                    <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                    <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                 </template>
 
                 <v-card-text class="d-flex">
@@ -209,7 +209,7 @@
                     <v-card-text class="d-flex flex-wrap gap-4">
                         <v-btn :disabled="inputIsNotChanged || inputIsInvalid || saving" @click="save">
                             {{ $t('Save changes') }}
-                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="saving"></v-progress-circular>
+                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="saving"></v-progress-circular>
                         </v-btn>
 
                         <v-btn color="default" variant="tonal" @click="reset">
diff --git a/src/views/desktop/user/settings/tabs/UserDataManagementSettingTab.vue b/src/views/desktop/user/settings/tabs/UserDataManagementSettingTab.vue
index c1c5e995..6eae1fae 100644
--- a/src/views/desktop/user/settings/tabs/UserDataManagementSettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserDataManagementSettingTab.vue
@@ -11,7 +11,7 @@
                             <v-icon :icon="icons.refresh" size="24" />
                             <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                         </v-btn>
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
+                        <v-progress-circular indeterminate size="20" class="ml-3" v-if="loadingDataStatistics"></v-progress-circular>
                     </div>
                 </template>
 
@@ -93,7 +93,7 @@
                                   :disabled="loadingDataStatistics || exportingData || !dataStatistics || !dataStatistics.totalTransactionCount || dataStatistics.totalTransactionCount === '0'">
                         <v-btn>
                             {{ $t('Export Data') }}
-                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="exportingData"></v-progress-circular>
+                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="exportingData"></v-progress-circular>
                             <v-menu activator="parent">
                                 <v-list :disabled="loadingDataStatistics || exportingData || !dataStatistics || !dataStatistics.totalTransactionCount || dataStatistics.totalTransactionCount === '0'">
                                     <v-list-item @click="exportData('csv')">
@@ -147,7 +147,7 @@
                     <v-card-text class="d-flex flex-wrap gap-4">
                         <v-btn color="error" :disabled="loadingDataStatistics || !currentPasswordForClearData || clearingData" @click="clearData">
                             {{ $t('Clear User Data') }}
-                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="clearingData"></v-progress-circular>
+                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="clearingData"></v-progress-circular>
                         </v-btn>
                     </v-card-text>
                 </v-form>
diff --git a/src/views/desktop/user/settings/tabs/UserSecuritySettingTab.vue b/src/views/desktop/user/settings/tabs/UserSecuritySettingTab.vue
index edbca178..505879df 100644
--- a/src/views/desktop/user/settings/tabs/UserSecuritySettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserSecuritySettingTab.vue
@@ -65,7 +65,7 @@
                     <v-card-text class="d-flex flex-wrap gap-4">
                         <v-btn :disabled="!currentPassword || !newPassword || !confirmPassword || updatingPassword" @click="updatePassword">
                             {{ $t('Save changes') }}
-                            <v-progress-circular indeterminate size="24" class="ml-2" v-if="updatingPassword"></v-progress-circular>
+                            <v-progress-circular indeterminate size="22" class="ml-2" v-if="updatingPassword"></v-progress-circular>
                         </v-btn>
                     </v-card-text>
                 </v-form>
@@ -83,7 +83,7 @@
                             <v-icon :icon="icons.refresh" size="24" />
                             <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
                         </v-btn>
-                        <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular>
+                        <v-progress-circular indeterminate size="20" class="ml-3" v-if="loadingSession"></v-progress-circular>
                     </div>
                 </template>
 
diff --git a/src/views/desktop/user/settings/tabs/UserTwoFactorAuthSettingTab.vue b/src/views/desktop/user/settings/tabs/UserTwoFactorAuthSettingTab.vue
index 157e5357..a6b16b3f 100644
--- a/src/views/desktop/user/settings/tabs/UserTwoFactorAuthSettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserTwoFactorAuthSettingTab.vue
@@ -4,7 +4,7 @@
             <v-card :class="{ 'disabled': loading }">
                 <template #title>
                     <span>{{ $t('Two-Factor Authentication') }}</span>
-                    <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
+                    <v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
                 </template>
 
                 <v-card-text class="pb-0">
@@ -59,19 +59,19 @@
                         <v-col cols="12" class="d-flex flex-wrap gap-4">
                             <v-btn :disabled="!currentPassword || loading || disabling " v-if="status === true" @click="disable">
                                 {{ $t('Disable two-factor authentication') }}
-                                <v-progress-circular indeterminate size="24" class="ml-2" v-if="disabling"></v-progress-circular>
+                                <v-progress-circular indeterminate size="22" class="ml-2" v-if="disabling"></v-progress-circular>
                             </v-btn>
                             <v-btn :disabled="!currentPassword || loading || regenerating" v-if="status === true" @click="regenerateBackupCode()">
                                 {{ $t('Regenerate Backup Codes') }}
-                                <v-progress-circular indeterminate size="24" class="ml-2" v-if="regenerating"></v-progress-circular>
+                                <v-progress-circular indeterminate size="22" class="ml-2" v-if="regenerating"></v-progress-circular>
                             </v-btn>
                             <v-btn :disabled="loading || enabling" v-if="status === false && !new2FAQRCode" @click="enable">
                                 {{ $t('Enable two-factor authentication') }}
-                                <v-progress-circular indeterminate size="24" class="ml-2" v-if="enabling"></v-progress-circular>
+                                <v-progress-circular indeterminate size="22" class="ml-2" v-if="enabling"></v-progress-circular>
                             </v-btn>
                             <v-btn :disabled="!currentPasscode || loading || enableConfirming" v-if="status === false && new2FAQRCode" @click="enableConfirm">
                                 {{ $t('Continue') }}
-                                <v-progress-circular indeterminate size="24" class="ml-2" v-if="enableConfirming"></v-progress-circular>
+                                <v-progress-circular indeterminate size="22" class="ml-2" v-if="enableConfirming"></v-progress-circular>
                             </v-btn>
                         </v-col>
                     </v-row>