Fix the billing page

AchoArnold · AchoArnold · commit 8c4216e673bd · 2026-06-23T13:16:23.000+03:00
diff --git a/web/app/components/MessageThreadHeader.vue b/web/app/components/MessageThreadHeader.vue
@@ -148,7 +148,7 @@ async function logout() {
           <v-icon :icon="mdiDotsVertical" />
         </v-btn>
       </template>
-      <v-list class="pa-0" :density="mdAndDown ? 'compact' : 'default'" prepend-gap="16">
+      <v-list class="pa-0" :density="mdAndDown ? 'compact' : 'default'" prepend-gap="20">
         <v-list-item @click.prevent="toggleArchive">
           <template #prepend>
             <v-icon
@@ -188,7 +188,7 @@ async function logout() {
           :href="appStore.appData.appDownloadUrl"
         >
           <template #prepend><v-icon :icon="mdiDownload" /></template>
-          <v-list-item-title>Install App</v-list-item-title>
+          <v-list-item-title>Download App</v-list-item-title>
         </v-list-item>
         <v-list-item :to="{ name: 'billing' }">
           <template #prepend><v-icon :icon="mdiFinance" /></template>
diff --git a/web/app/pages/settings/index.vue b/web/app/pages/settings/index.vue
@@ -1402,7 +1402,7 @@ onMounted(async () => {
             <VIcon v-if="lgAndUp" start :icon="mdiDelete" />
             Delete
           </VBtn>
-          <VBtn variant="text" color="warning" @click="showWebhookEdit = false">Close</VBtn>
+          <VBtn v-else variant="text" color="warning" @click="showWebhookEdit = false">Close</VBtn>
         </VCardActions>
       </VCard>
     </VDialog>
@@ -1504,16 +1504,16 @@ onMounted(async () => {
             <VIcon v-if="lgAndUp" start :icon="mdiDelete" />
             Delete
           </VBtn>
-          <VBtn variant="text" color="warning" @click="showDiscordEdit = false">Close</VBtn>
+          <VBtn v-else variant="text" color="warning" @click="showDiscordEdit = false">Close</VBtn>
         </VCardActions>
       </VCard>
     </VDialog>
 
     <!-- Phone Edit Dialog -->
-    <VDialog v-model="showPhoneEdit" max-width="700px">
+    <VDialog v-model="showPhoneEdit" max-width="700px" opacity="0.9">
       <VCard>
         <VCardTitle>Edit Phone</VCardTitle>
-        <VCardText v-if="activePhone" class="mt-6">
+        <VCardText v-if="activePhone">
           <VContainer>
             <VRow>
               <VCol>
@@ -1602,19 +1602,16 @@ onMounted(async () => {
             </VRow>
           </VContainer>
         </VCardText>
-        <VCardActions class="pb-4">
-          <VBtn
-            size="small"
-            color="info"
+        <VCardActions class="pb-4 px-4 mt-n4">
+          <loading-button
             :loading="updatingPhone"
             @click="updatePhone"
           >
             <VIcon v-if="lgAndUp" start :icon="mdiContentSave" />
-            Update
-          </VBtn>
+            Update Phone
+          </loading-button>
           <VSpacer />
           <VBtn
-            size="small"
             color="error"
             variant="text"
             :disabled="updatingPhone"
