From f961accd86609f55d7369225b1d663db7175d753 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Fri, 26 Jul 2024 10:10:34 +0800
Subject: [PATCH]  fix(SettingsTab.tsx): reposition reset button to align with
 model settings title for better visibility

---
 .../src/pages/home/components/SettingsTab.tsx  | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/pages/home/components/SettingsTab.tsx b/src/renderer/src/pages/home/components/SettingsTab.tsx
index 1fb41a1f..bbca3c41 100644
--- a/src/renderer/src/pages/home/components/SettingsTab.tsx
+++ b/src/renderer/src/pages/home/components/SettingsTab.tsx
@@ -78,7 +78,12 @@ const SettingsTab: FC<Props> = (props) => {
 
   return (
     <Container>
-      <SettingSubtitle>{t('settings.messages.model.title')}</SettingSubtitle>
+      <SettingSubtitle style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+        {t('settings.messages.model.title')}{' '}
+        <Button size="small" onClick={onReset}>
+          {t('assistant.settings.reset')}
+        </Button>
+      </SettingSubtitle>
       <SettingDivider />
       <Row align="middle">
         <Label>{t('assistant.settings.conext_count')}</Label>
@@ -136,19 +141,21 @@ const SettingsTab: FC<Props> = (props) => {
           />
         </Col>
       </Row>
-      <Button onClick={onReset} style={{ width: '100%' }}>
-        {t('assistant.settings.reset')}
-      </Button>
       <SettingSubtitle>{t('settings.messages.title')}</SettingSubtitle>
       <SettingDivider />
       <SettingRow>
         <SettingRowTitleSmall>{t('settings.messages.divider')}</SettingRowTitleSmall>
-        <Switch checked={showMessageDivider} onChange={(checked) => dispatch(setShowMessageDivider(checked))} />
+        <Switch
+          size="small"
+          checked={showMessageDivider}
+          onChange={(checked) => dispatch(setShowMessageDivider(checked))}
+        />
       </SettingRow>
       <SettingDivider />
       <SettingRow>
         <SettingRowTitleSmall>{t('settings.messages.use_serif_font')}</SettingRowTitleSmall>
         <Switch
+          size="small"
           checked={messageFont === 'serif'}
           onChange={(checked) => dispatch(setMessageFont(checked ? 'serif' : 'system'))}
         />
@@ -159,6 +166,7 @@ const SettingsTab: FC<Props> = (props) => {
       <SettingRow>
         <SettingRowTitleSmall>{t('settings.messages.input.show_estimated_tokens')}</SettingRowTitleSmall>
         <Switch
+          size="small"
           checked={showInputEstimatedTokens}
           onChange={(checked) => dispatch(setShowInputEstimatedTokens(checked))}
         />