Skip to content

[FEATURE] Improve "Reset All Settings" UI - Make it a proper button #646

@saurabh19304

Description

@saurabh19304

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>

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions