From 2ca662e97189dd63557a76fe1a197773a76c800f Mon Sep 17 00:00:00 2001
From: Supra4E8C <tan13318527080@163.com>
Date: Tue, 9 Dec 2025 01:05:56 +0800
Subject: [PATCH] refactor: update button styles and layout in MainLayout for
 improved UI consistency and accessibility

---
 src/components/layout/MainLayout.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/layout/MainLayout.tsx b/src/components/layout/MainLayout.tsx
index fc0c21e..24e49d4 100644
--- a/src/components/layout/MainLayout.tsx
+++ b/src/components/layout/MainLayout.tsx
@@ -168,18 +168,18 @@ export function MainLayout() {
             </div>
           </div>
 
-          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-            <Button variant="secondary" size="sm" onClick={handleRefreshAll}>
-              {t('header.refresh_all')}
+          <div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
+            <Button variant="ghost" size="sm" onClick={handleRefreshAll} title={t('header.refresh_all')}>
+              ↻
             </Button>
-            <Button variant="ghost" size="sm" onClick={handleVersionCheck} loading={checkingVersion}>
-              {t('system_info.version_check_button')}
+            <Button variant="ghost" size="sm" onClick={handleVersionCheck} loading={checkingVersion} title={t('system_info.version_check_button')}>
+              ⬆
             </Button>
-            <Button variant="ghost" size="sm" onClick={toggleLanguage}>
-              {t('language.switch')}: {language === 'zh-CN' ? t('language.chinese') : t('language.english')}
+            <Button variant="ghost" size="sm" onClick={toggleLanguage} title={t('language.switch')}>
+              {language === 'zh-CN' ? '中' : 'En'}
             </Button>
-            <Button variant="ghost" size="sm" onClick={toggleTheme}>
-              {t('theme.switch')}: {theme === 'dark' ? t('theme.dark') : t('theme.light')}
+            <Button variant="ghost" size="sm" onClick={toggleTheme} title={t('theme.switch')}>
+              {theme === 'dark' ? '☀' : '☾'}
             </Button>
           </div>
         </header>