From adf4af69d8df1871ce8cab8ac2fa3b1c066b786a Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 16 Oct 2026 03:28:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AE=89=E5=85=A8=E7=A0=81?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=AF=B9=E9=BD=90=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SecuritySettings/SecuritySettings.css     | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/components/SecuritySettings/SecuritySettings.css b/frontend/src/views/components/SecuritySettings/SecuritySettings.css
index 291b9c2..833288c 100644
--- a/frontend/src/views/components/SecuritySettings/SecuritySettings.css
+++ b/frontend/src/views/components/SecuritySettings/SecuritySettings.css
@@ -24,7 +24,28 @@
 .submit-btn { border-radius: var(--pm-radius-sm); font-weight: 500; }
 .submit-btn { padding: 10px 24px; }
 .settings-divider { margin: 32px 0; border-color: var(--pm-border-color); }
-.security-key-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.security-key-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.security-key-header > .section-actions {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  align-content: center;
+  justify-content: flex-end;
+  gap: 8px;
+  margin: 0;
+}
+.security-key-header > .section-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-height: 32px;
+  margin: 0;
+  line-height: 1.25;
+  vertical-align: middle;
+}
 .security-alert { margin-bottom: 18px; }
 .external-email-header {
   display: flex;
@@ -55,6 +76,7 @@
     gap: 16px;
   }
   .security-key-header, .credential-item, .external-email-header, .external-item { flex-direction: column; align-items: stretch; }
+  .security-key-header > .section-actions { width: 100%; justify-content: flex-start; }
   .credential-actions { width: 100%; }
   .credential-actions .el-button { flex: 1; }
 }