From 67ce94b84364c3f0e863e420e9c0219b8d7c1165 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 16 Oct 2026 01:57:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8C=89=E9=92=AE=E6=B0=B4?=
 =?UTF-8?q?=E5=B9=B3=E6=8E=92=E5=88=97=E5=92=8C=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

---
 .../ConfigEditor/ConfigEditor.css             | 14 +++++++++++--
 .../ConfigField/ConfigField.css               | 12 +++++++++++
 .../ConfigSettings/ConfigSettings.css         |  4 ++++
 .../RelayConfig/RelayConfig.css               | 19 +++++++++++++++++-
 .../components/RuleSettings/RuleSettings.css  | 10 ++++++++--
 .../UserManagement/UserManagement.css         | 20 ++++++++++++++-----
 6 files changed, 69 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css b/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css
index 6370660..72edcea 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigEditor/ConfigEditor.css
@@ -37,9 +37,10 @@
 .overview-actions {
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   justify-content: flex-end;
   gap: 8px;
+  min-width: 0;
   padding-top: 0;
 }
 
@@ -56,13 +57,20 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 10px;
+  min-width: 0;
 }
 
 .action-row :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
   min-width: 112px;
   margin-left: 0;
+  margin-right: 0;
+  white-space: nowrap;
 }
 
 .overview-meta {
@@ -147,11 +155,13 @@
 
   .overview-actions {
     justify-content: flex-start;
+    flex-wrap: wrap;
     padding-top: 0;
   }
 
   .action-row {
     justify-content: stretch;
+    flex-wrap: wrap;
   }
 
   .action-row :deep(.el-button) {
diff --git a/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.css b/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.css
index 844e537..c362f68 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigField/ConfigField.css
@@ -95,6 +95,7 @@
 
 .field-list-row {
   display: grid;
+  align-items: center;
   grid-template-columns: minmax(0, 1fr) auto;
   gap: 8px;
 }
@@ -115,6 +116,17 @@
   margin-left: 0;
 }
 
+.field-list-row :deep(.el-button),
+.field-add,
+.field-port-guide :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin: 0;
+  white-space: nowrap;
+}
+
 .field-port-guide {
   display: flex;
   flex-wrap: wrap;
diff --git a/frontend/src/views/components/ConfigSettings/ConfigSettings.css b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
index 7533e4e..6622e1e 100644
--- a/frontend/src/views/components/ConfigSettings/ConfigSettings.css
+++ b/frontend/src/views/components/ConfigSettings/ConfigSettings.css
@@ -181,17 +181,21 @@
 .action-row {
   display: flex;
   align-items: center;
+  justify-content: flex-start;
   flex-wrap: wrap;
   gap: 10px;
+  min-width: 0;
   margin-top: 12px;
 }
 .action-row > .el-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex: 0 0 auto;
   min-height: 32px;
   margin-left: 0;
   margin-right: 0;
+  white-space: nowrap;
 }
 .maintenance-heading {
   display: flex;
diff --git a/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css b/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css
index d86075b..95f2347 100644
--- a/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css
+++ b/frontend/src/views/components/ConfigSettings/RelayConfig/RelayConfig.css
@@ -16,6 +16,23 @@
   gap: 16px;
 }
 
+.relay-item-actions,
+.relay-editor-actions {
+  justify-content: flex-end;
+  flex-wrap: nowrap;
+  min-width: 0;
+}
+
+.relay-item-actions :deep(.el-button),
+.relay-editor-actions :deep(.el-button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin: 0;
+  white-space: nowrap;
+}
+
 .relay-list-heading h5,
 .relay-editor-heading h5 {
   margin: 0;
@@ -120,4 +137,4 @@
   .relay-summary {
     grid-template-columns: 1fr;
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/views/components/RuleSettings/RuleSettings.css b/frontend/src/views/components/RuleSettings/RuleSettings.css
index 64bef2b..fe9329e 100644
--- a/frontend/src/views/components/RuleSettings/RuleSettings.css
+++ b/frontend/src/views/components/RuleSettings/RuleSettings.css
@@ -77,9 +77,10 @@
 .form-actions {
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 12px;
   justify-content: flex-start;
+  min-width: 0;
   margin-top: 12px;
 }
 
@@ -87,8 +88,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex: 0 0 auto;
   min-height: 32px;
   margin: 0;
+  white-space: nowrap;
 }
 
 .add-btn {
@@ -179,17 +182,20 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 10px;
+  min-width: 0;
 }
 
 .dialog-footer :deep(.el-button) {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex: 0 0 auto;
   min-width: 88px;
   min-height: 32px;
   margin: 0;
+  white-space: nowrap;
 }
 
 .custom-divider {
diff --git a/frontend/src/views/components/UserManagement/UserManagement.css b/frontend/src/views/components/UserManagement/UserManagement.css
index c2d5789..978dfa4 100644
--- a/frontend/src/views/components/UserManagement/UserManagement.css
+++ b/frontend/src/views/components/UserManagement/UserManagement.css
@@ -119,8 +119,11 @@
 }
 
 .security-edit-item {
-  display: grid;
-  gap: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 10px 16px;
   padding: 12px;
   border: 1px solid var(--pm-border-color);
   border-radius: var(--pm-radius-sm);
@@ -128,6 +131,8 @@
 }
 
 .security-edit-item > div {
+  flex: 1 1 180px;
+  min-width: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -145,8 +150,10 @@
 }
 
 .security-edit-item :deep(.el-button) {
-  width: 100%;
+  flex: 0 0 auto;
+  min-height: 32px;
   margin: 0;
+  white-space: nowrap;
 }
 
 .status-switch {
@@ -175,7 +182,7 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 8px;
   flex: 0 1 auto;
   min-width: 0;
@@ -374,17 +381,20 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 10px;
+  min-width: 0;
 }
 
 .dialog-footer :deep(.el-button) {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex: 0 0 auto;
   min-width: 88px;
   min-height: 32px;
   margin: 0;
+  white-space: nowrap;
 }
 
 @container settings-content (max-width: 760px) {