Skip to content

Commit d09c6ab

Browse files
Fix Reset section spacing — match divider style used between other sections
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent ddd2fe7 commit d09c6ab

1 file changed

Lines changed: 39 additions & 42 deletions

File tree

client/src/components/BackupRestore.jsx

Lines changed: 39 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -958,48 +958,45 @@ export const ResetSection = ({ isDarkTheme }) => {
958958

959959
return (
960960
<>
961-
<Divider />
962-
<Container>
963-
<Section>
964-
<SectionHeader>
965-
<SectionTitle>Reset</SectionTitle>
966-
<Button
967-
onClick={handleReset}
968-
disabled={isDemoMode || resetting}
969-
$color="danger"
970-
style={{ width: 'auto', whiteSpace: 'nowrap' }}
971-
>
972-
{resetting ? (
973-
<>
974-
<LoadingSpinner />
975-
Resetting...
976-
</>
977-
) : (
978-
'Reset Everything'
979-
)}
980-
</Button>
981-
</SectionHeader>
982-
<Description>
983-
Permanently delete all data in the database and uploads folder. This cannot be undone.
984-
</Description>
985-
<WarningBox $isDark={isDarkTheme}>
986-
<WarningIcon>
987-
<Icon name="help" size={20} />
988-
</WarningIcon>
989-
<div>
990-
<strong>Danger:</strong> This will wipe everything — all notes, tags, attachments, settings, and uploaded files.
991-
Export a backup first if you want to keep your data.
992-
</div>
993-
</WarningBox>
994-
995-
{status && (
996-
<StatusMessage $error={status.type === 'error'}>
997-
<Icon name={status.type === 'error' ? 'close' : 'check'} size={18} />
998-
{status.message}
999-
</StatusMessage>
1000-
)}
1001-
</Section>
1002-
</Container>
961+
<div style={{ height: '32px', borderBottom: '1px solid var(--border-color)', marginBottom: '24px' }} />
962+
<Section>
963+
<SectionHeader>
964+
<SectionTitle>Reset</SectionTitle>
965+
<Button
966+
onClick={handleReset}
967+
disabled={isDemoMode || resetting}
968+
$color="danger"
969+
style={{ width: 'auto', whiteSpace: 'nowrap' }}
970+
>
971+
{resetting ? (
972+
<>
973+
<LoadingSpinner />
974+
Resetting...
975+
</>
976+
) : (
977+
'Reset Everything'
978+
)}
979+
</Button>
980+
</SectionHeader>
981+
<Description>
982+
Permanently delete all data in the database and uploads folder. This cannot be undone.
983+
</Description>
984+
<WarningBox $isDark={isDarkTheme}>
985+
<WarningIcon>
986+
<Icon name="help" size={20} />
987+
</WarningIcon>
988+
<div>
989+
<strong>Danger:</strong> This will wipe everything — all notes, tags, attachments, settings, and uploaded files.
990+
Export a backup first if you want to keep your data.
991+
</div>
992+
</WarningBox>
993+
{status && (
994+
<StatusMessage $error={status.type === 'error'}>
995+
<Icon name={status.type === 'error' ? 'close' : 'check'} size={18} />
996+
{status.message}
997+
</StatusMessage>
998+
)}
999+
</Section>
10031000
</>
10041001
);
10051002
};

0 commit comments

Comments
 (0)