From 041b6e4012ec130391d023b245d292490e5ade9b Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 16 Oct 2026 04:21:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=BA=E5=88=B6=E5=AE=89=E5=85=A8=E7=A0=81?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=B0=B4=E5=B9=B3=E5=9E=82=E7=9B=B4=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SecuritySettings/SecuritySettings.css     | 26 +++++++++++++++++++
 .../SecuritySettings/SecuritySettings.vue     |  2 +-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/components/SecuritySettings/SecuritySettings.css b/frontend/src/views/components/SecuritySettings/SecuritySettings.css
index 85ca06b..b560528 100644
--- a/frontend/src/views/components/SecuritySettings/SecuritySettings.css
+++ b/frontend/src/views/components/SecuritySettings/SecuritySettings.css
@@ -42,6 +42,32 @@
   min-width: max-content;
   margin: 0;
 }
+.security-key-header > .security-recovery-actions {
+  display: inline-flex;
+  align-items: center;
+  align-content: center;
+  justify-content: flex-end;
+  flex-flow: row nowrap;
+  gap: 8px;
+  height: 32px;
+  min-height: 32px;
+  min-width: max-content;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.security-key-header > .security-recovery-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  height: 32px;
+  min-height: 32px;
+  box-sizing: border-box;
+  margin: 0 !important;
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: middle;
+}
 .security-key-header > .section-actions :deep(.el-button) {
   display: inline-flex;
   align-items: center;
diff --git a/frontend/src/views/components/SecuritySettings/SecuritySettings.vue b/frontend/src/views/components/SecuritySettings/SecuritySettings.vue
index e764d20..daaf272 100644
--- a/frontend/src/views/components/SecuritySettings/SecuritySettings.vue
+++ b/frontend/src/views/components/SecuritySettings/SecuritySettings.vue
@@ -92,7 +92,7 @@
     >
       <div class="settings-header security-key-header">
         <div><h3>安全码</h3><p class="settings-desc">安全码默认隐藏，完成安全验证后可以重新查看。</p></div>
-        <div class="section-actions">
+        <div class="section-actions security-recovery-actions">
           <el-button
             v-if="recoveryConfigured && !generatedCodes.length"
             @click="revealRecoveryCodes"