Current Issue
The "RESET ALL SETTINGS" text at the bottom of the settings panel looks like plain text instead of a clickable button.
Expected Behavior
- Should look and behave like a proper destructive/action button.
- Clear hover state, focus state, and proper contrast.
- Maybe add a small icon (↺ or ⟳) for better UX.
Suggested Design
Make it a proper button with:
- Red/Orange accent (to indicate reset)
- Hover effect
- Proper padding and border radius
- Optional: small reset icon
Example styling idea:
<button className="w-full py-3 px-6 rounded-xl border border-red-500/30 text-red-400 hover:bg-red-500/10 font-medium flex items-center justify-center gap-2 transition-colors">
↺ Reset All Settings
</button>
Current Issue
The "RESET ALL SETTINGS" text at the bottom of the settings panel looks like plain text instead of a clickable button.
Expected Behavior
Suggested Design
Make it a proper button with:
Example styling idea: