Skip to content

Fix Settings page styling to match app#13

Merged
yoaquim merged 1 commit into
mainfrom
fix/settings-page-styling
Apr 27, 2026
Merged

Fix Settings page styling to match app#13
yoaquim merged 1 commit into
mainfrom
fix/settings-page-styling

Conversation

@yoaquim
Copy link
Copy Markdown
Owner

@yoaquim yoaquim commented Apr 27, 2026

Summary

  • Match existing page patterns (People, Sync): max-w-4xl container, text-lg font-bold header with icon + subtitle, default Card backgrounds
  • Move Save button to header row (like Sync page's Start Sync button)
  • Use text-xs labels with block mb-1 (matches People page modal)
  • Section headers use text-sm font-semibold text-muted-foreground (matches Sync history heading)

Test plan

  • Settings page visually matches People and Sync page styling
  • All form interactions still work (edit, save, test connection, sync)
  • Tests pass

- Use max-w-4xl container (was max-w-2xl)
- Match page header pattern: text-lg font-bold with icon + subtitle
- Move Save button to header row (matches Sync page layout)
- Use default Card background (remove hardcoded bg-[#2b2b2b])
- Use text-xs labels with block mb-1 (matches People page)
- Use section headers with text-sm font-semibold text-muted-foreground
- Wrap in min-h-full bg-background container
@yoaquim yoaquim merged commit ebc396d into main Apr 27, 2026
1 check passed
@yoaquim yoaquim deleted the fix/settings-page-styling branch April 27, 2026 15:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant