refactor: organize settings into logical groups

- Create three sections: Reading & Display, Layout & Navigation, Startup Preferences
- Add section titles with consistent styling
- Group related settings together:
  - Reading & Display: font, highlight underlines, preview
  - Layout & Navigation: view mode, collapse behavior
  - Startup Preferences: initial sidebar states
- Add section title styling with border and uppercase text
- Better visual hierarchy and organization
This commit is contained in:
Gigi
2025-10-05 02:57:04 +01:00
parent bb351ae35f
commit e10ae00a1a
2 changed files with 136 additions and 105 deletions

View File

@@ -1458,6 +1458,25 @@ body {
padding: 0 0.25rem;
}
.settings-section {
margin-bottom: 2.5rem;
}
.settings-section:last-child {
margin-bottom: 0;
}
.section-title {
font-size: 1rem;
font-weight: 600;
color: #fff;
margin: 0 0 1rem 0;
padding-bottom: 0.5rem;
border-bottom: 1px solid #333;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.setting-group {
margin-bottom: 1.5rem;
text-align: left;