From 2be7054b402b5d79105d0f6c60624d9ef3dda286 Mon Sep 17 00:00:00 2001
From: wangdage12 <124357765+wangdage12@users.noreply.github.com>
Date: Sat, 9 Aug 2025 17:57:32 +0800
Subject: [PATCH] fix: Add margin to "View comparison" button and fix "Use
 custom version" button color issue (#9905)

* Tweak button spacing and fix color issue on App upgrade comparison pages

* update button styles and replace inline margin with utility class

---------

Co-authored-by: fanbook-wangdage <124357765+fanbook-wangdage@users.noreply.github.com>
---
 frontend/src/views/app-store/installed/upgrade/diff/index.vue | 4 ++--
 frontend/src/views/app-store/installed/upgrade/index.vue      | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/app-store/installed/upgrade/diff/index.vue b/frontend/src/views/app-store/installed/upgrade/diff/index.vue
index 3f1a3f640..607fcab40 100644
--- a/frontend/src/views/app-store/installed/upgrade/diff/index.vue
+++ b/frontend/src/views/app-store/installed/upgrade/diff/index.vue
@@ -7,10 +7,10 @@
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose">{{ $t('commons.button.cancel') }}</el-button>
-                <el-button type="success" @click="confirm(true)">
+                <el-button type="primary" @click="confirm(true)">
                     {{ $t('app.useNew') }}
                 </el-button>
-                <el-button type="primary" @click="confirm(false)">
+                <el-button @click="confirm(false)">
                     {{ $t('app.useDefault') }}
                 </el-button>
             </span>
diff --git a/frontend/src/views/app-store/installed/upgrade/index.vue b/frontend/src/views/app-store/installed/upgrade/index.vue
index f84f928fd..e67f5e94c 100644
--- a/frontend/src/views/app-store/installed/upgrade/index.vue
+++ b/frontend/src/views/app-store/installed/upgrade/index.vue
@@ -57,7 +57,9 @@
             <div v-if="operateReq.operate === 'upgrade'">
                 <el-text type="warning">{{ $t('app.upgradeWarn') }}</el-text>
                 <br />
-                <el-button @click="openDiff()" type="primary">{{ $t('app.showDiff') }}</el-button>
+                <el-button @click="openDiff()" type="primary" class="mt-2">
+                    {{ $t('app.showDiff') }}
+                </el-button>
                 <div>
                     <el-checkbox v-model="useNewCompose" :label="$t('app.useCustom')" size="large" />
                 </div>