From c0b4a8a60d1ee58720ed3351a76b6585f38ce273 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 16 Oct 2026 03:11:58 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=A1=8C=E9=9D=A2=E7=AB=AF?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=B0=B4=E5=B9=B3=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/action-layout.css | 243 ++++++++++++++++++--------
 1 file changed, 169 insertions(+), 74 deletions(-)

diff --git a/frontend/src/styles/action-layout.css b/frontend/src/styles/action-layout.css
index e4763c0..6a8b492 100644
--- a/frontend/src/styles/action-layout.css
+++ b/frontend/src/styles/action-layout.css
@@ -23,79 +23,27 @@
   .public-recovery-actions,
   .verification-actions,
   .log-page-actions,
+  .log-filter-actions,
   .group-toolbar,
   .credential-actions,
-  .config-pagination
+  .config-pagination,
+  .node-actions,
+  .sf-toolbar,
+  .sf-actions,
+  .notification-actions,
+  .notification-credential-actions,
+  .notification-heading-actions,
+  .notification-row-actions,
+  .section-actions,
+  .action-buttons,
+  .recovery-prompt-actions,
+  .recovery-footer,
+  .actions,
+  .setup-actions
 ) {
-  display: flex;
-  align-items: center;
   min-width: 0;
 }
 
-:where(
-  .action-row,
-  .overview-actions,
-  .form-actions,
-  .row-actions,
-  .dialog-footer,
-  .recovery-dialog-actions,
-  .external-dialog-actions,
-  .relay-item-actions,
-  .relay-editor-actions,
-  .totp-actions,
-  .telegram-actions,
-  .telegram-buttons,
-  .telegram-callback-actions,
-  .wechat-buttons,
-  .spam-actions,
-  .header-actions,
-  .selection-actions,
-  .composer-actions,
-  .mail-detail-state-actions,
-  .admin-recovery-actions,
-  .public-recovery-actions,
-  .verification-actions,
-  .log-page-actions,
-  .group-toolbar,
-  .config-pagination
-) > .el-button,
-:where(
-  .action-row,
-  .overview-actions,
-  .form-actions,
-  .row-actions,
-  .dialog-footer,
-  .recovery-dialog-actions,
-  .external-dialog-actions,
-  .relay-item-actions,
-  .relay-editor-actions,
-  .totp-actions,
-  .telegram-actions,
-  .telegram-buttons,
-  .telegram-callback-actions,
-  .wechat-buttons,
-  .spam-actions,
-  .header-actions,
-  .selection-actions,
-  .composer-actions,
-  .mail-detail-state-actions,
-  .admin-recovery-actions,
-  .public-recovery-actions,
-  .verification-actions,
-  .log-page-actions,
-  .group-toolbar,
-  .credential-actions,
-  .config-pagination
-) .el-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 0;
-  margin-bottom: 0;
-  margin-left: 0 !important;
-  vertical-align: middle;
-}
-
 @media (min-width: 769px) {
   :where(
     .action-row,
@@ -121,12 +69,31 @@
     .public-recovery-actions,
     .verification-actions,
     .log-page-actions,
+    .log-filter-actions,
     .group-toolbar,
     .credential-actions,
-    .config-pagination
-    ) {
+    .config-pagination,
+    .node-actions,
+    .sf-toolbar,
+    .sf-actions,
+    .notification-actions,
+    .notification-credential-actions,
+    .notification-heading-actions,
+    .notification-row-actions,
+    .section-actions,
+    .action-buttons,
+    .recovery-prompt-actions,
+    .recovery-footer,
+    .actions,
+    .setup-actions
+  ) {
+    display: flex;
     flex-direction: row;
-    flex-wrap: nowrap !important;
+    flex-wrap: wrap;
+    align-items: center;
+    align-content: center;
+    column-gap: 8px;
+    row-gap: 8px;
   }
 
   :where(
@@ -153,10 +120,24 @@
     .public-recovery-actions,
     .verification-actions,
     .log-page-actions,
+    .log-filter-actions,
     .group-toolbar,
     .credential-actions,
-    .config-pagination
-    ) > .el-button,
+    .config-pagination,
+    .node-actions,
+    .sf-toolbar,
+    .sf-actions,
+    .notification-actions,
+    .notification-credential-actions,
+    .notification-heading-actions,
+    .notification-row-actions,
+    .section-actions,
+    .action-buttons,
+    .recovery-prompt-actions,
+    .recovery-footer,
+    .actions,
+    .setup-actions
+  ) > .el-button,
   :where(
     .action-row,
     .overview-actions,
@@ -181,11 +162,125 @@
     .public-recovery-actions,
     .verification-actions,
     .log-page-actions,
+    .log-filter-actions,
     .group-toolbar,
     .credential-actions,
-    .config-pagination
-    ) .el-button {
+    .config-pagination,
+    .node-actions,
+    .sf-toolbar,
+    .sf-actions,
+    .notification-actions,
+    .notification-credential-actions,
+    .notification-heading-actions,
+    .notification-row-actions,
+    .section-actions,
+    .action-buttons,
+    .recovery-prompt-actions,
+    .recovery-footer,
+    .actions,
+    .setup-actions
+  ) > button,
+  :where(
+    .action-row,
+    .overview-actions,
+    .form-actions,
+    .row-actions,
+    .dialog-footer,
+    .recovery-dialog-actions,
+    .external-dialog-actions,
+    .relay-item-actions,
+    .relay-editor-actions,
+    .totp-actions,
+    .telegram-actions,
+    .telegram-buttons,
+    .telegram-callback-actions,
+    .wechat-buttons,
+    .spam-actions,
+    .header-actions,
+    .selection-actions,
+    .composer-actions,
+    .mail-detail-state-actions,
+    .admin-recovery-actions,
+    .public-recovery-actions,
+    .verification-actions,
+    .log-page-actions,
+    .log-filter-actions,
+    .group-toolbar,
+    .credential-actions,
+    .config-pagination,
+    .node-actions,
+    .sf-toolbar,
+    .sf-actions,
+    .notification-actions,
+    .notification-credential-actions,
+    .notification-heading-actions,
+    .notification-row-actions,
+    .section-actions,
+    .action-buttons,
+    .recovery-prompt-actions,
+    .recovery-footer,
+    .actions,
+    .setup-actions
+  ) .el-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     flex: 0 0 auto;
+    box-sizing: border-box;
+    margin-top: 0;
+    margin-right: 0;
+    margin-bottom: 0;
+    margin-left: 0 !important;
+    line-height: 1.25;
+    vertical-align: middle;
     white-space: nowrap;
   }
+
+  :where(
+    .action-row,
+    .overview-actions,
+    .form-actions,
+    .row-actions,
+    .dialog-footer,
+    .recovery-dialog-actions,
+    .external-dialog-actions,
+    .relay-item-actions,
+    .relay-editor-actions,
+    .totp-actions,
+    .telegram-actions,
+    .telegram-buttons,
+    .telegram-callback-actions,
+    .wechat-buttons,
+    .spam-actions,
+    .header-actions,
+    .selection-actions,
+    .composer-actions,
+    .mail-detail-state-actions,
+    .admin-recovery-actions,
+    .public-recovery-actions,
+    .verification-actions,
+    .log-page-actions,
+    .log-filter-actions,
+    .group-toolbar,
+    .credential-actions,
+    .config-pagination,
+    .node-actions,
+    .sf-toolbar,
+    .sf-actions,
+    .notification-actions,
+    .notification-credential-actions,
+    .notification-heading-actions,
+    .notification-row-actions,
+    .section-actions,
+    .action-buttons,
+    .recovery-prompt-actions,
+    .recovery-footer,
+    .actions,
+    .setup-actions
+  ) .el-button-group {
+    display: inline-flex;
+    align-items: center;
+    flex: 0 0 auto;
+    vertical-align: middle;
+  }
 }