From 961a4076fbba73e6563a288d247adae526f8cf7a Mon Sep 17 00:00:00 2001
From: Jhonton Chen <504071088@qq.com>
Date: Tue, 19 May 2026 14:10:08 +0800
Subject: [PATCH] =?UTF-8?q?perf=E2=80=8C(group=20&=20symbol=20select):=20s?=
 =?UTF-8?q?tyles=20change?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/en_US/pages.ts                  |  4 +--
 src/pages/rules/components/GroupSelect.tsx  | 27 +++++++++------------
 src/pages/rules/components/SymbolSelect.tsx | 27 +++++++++------------
 3 files changed, 24 insertions(+), 34 deletions(-)

diff --git a/src/locales/en_US/pages.ts b/src/locales/en_US/pages.ts
index 1cdbb8d..6709262 100644
--- a/src/locales/en_US/pages.ts
+++ b/src/locales/en_US/pages.ts
@@ -145,8 +145,8 @@ export default {
   'pages.rules.allSymbols': 'All Symbols',
   'pages.rules.allAssets': 'All Assets',
   'pages.rules.searchResults': 'Search results',
-  'pages.rules.selectSearchResults': 'Select results',
-  'pages.rules.deselectSearchResults': 'Deselect results',
+  'pages.rules.selectSearchResults': 'Select',
+  'pages.rules.deselectSearchResults': 'Deselect',
   'pages.rules.trigger': 'Triggered',
   'pages.rules.triggeredCount': 'Times',
   'pages.rules.disable': 'Disable',
diff --git a/src/pages/rules/components/GroupSelect.tsx b/src/pages/rules/components/GroupSelect.tsx
index dc7e364..c5bfd58 100644
--- a/src/pages/rules/components/GroupSelect.tsx
+++ b/src/pages/rules/components/GroupSelect.tsx
@@ -158,23 +158,18 @@ const GroupSelect: React.FC<GroupSelectProps> = ({
                     padding: '8px 12px',
                   }}
                   onMouseDown={(event) => event.preventDefault()}
+                  className="flex justify-between"
                 >
-                  <Space wrap size={8} className="justify-between w-100">
-                    <Typography.Text type="secondary">
-                      {$t('pages.rules.searchResults')}:{' '}
-                      {searchResultKeys.length}
-                    </Typography.Text>
-                    <div>
-                      <Button size="small" onClick={handleSelectSearchResults}>
-                        {$t('pages.rules.selectSearchResults')}
-                      </Button>
-                      <Button
-                        size="small"
-                        onClick={handleDeselectSearchResults}
-                      >
-                        {$t('pages.rules.deselectSearchResults')}
-                      </Button>
-                    </div>
+                  <Typography.Text type="secondary">
+                    {$t('pages.rules.searchResults')}: {searchResultKeys.length}
+                  </Typography.Text>
+                  <Space wrap size={8}>
+                    <Button size="small" onClick={handleSelectSearchResults}>
+                      {$t('pages.rules.selectSearchResults')}
+                    </Button>
+                    <Button size="small" onClick={handleDeselectSearchResults}>
+                      {$t('pages.rules.deselectSearchResults')}
+                    </Button>
                   </Space>
                 </div>
                 {originNode}
diff --git a/src/pages/rules/components/SymbolSelect.tsx b/src/pages/rules/components/SymbolSelect.tsx
index 7dd5b36..7215ad9 100644
--- a/src/pages/rules/components/SymbolSelect.tsx
+++ b/src/pages/rules/components/SymbolSelect.tsx
@@ -157,23 +157,18 @@ const SymbolSelect: React.FC<SymbolSelectProps> = ({
                     padding: '8px 12px',
                   }}
                   onMouseDown={(event) => event.preventDefault()}
+                  className="flex justify-between"
                 >
-                  <Space wrap size={8} className="justify-between w-100">
-                    <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-                      {$t('pages.rules.searchResults')}:{' '}
-                      {searchResultKeys.length}
-                    </Typography.Text>
-                    <div>
-                      <Button size="small" onClick={handleSelectSearchResults}>
-                        {$t('pages.rules.selectSearchResults')}
-                      </Button>
-                      <Button
-                        size="small"
-                        onClick={handleDeselectSearchResults}
-                      >
-                        {$t('pages.rules.deselectSearchResults')}
-                      </Button>
-                    </div>
+                  <Typography.Text type="secondary">
+                    {$t('pages.rules.searchResults')}: {searchResultKeys.length}
+                  </Typography.Text>
+                  <Space wrap size={8}>
+                    <Button size="small" onClick={handleSelectSearchResults}>
+                      {$t('pages.rules.selectSearchResults')}
+                    </Button>
+                    <Button size="small" onClick={handleDeselectSearchResults}>
+                      {$t('pages.rules.deselectSearchResults')}
+                    </Button>
                   </Space>
                 </div>
                 {originNode}