UI Enhancements for Translator Interface

[Abinayaiyyappan]

The current translator UI is basic. I suggest adding:

Clear labels for "Input" and "Output" text boxes

A "Copy to Clipboard" button for output text

Improved font style and alignment for readability

Add a loading spinner when translation is in process

[Abinayaiyyappan]

Hi! Kindly review this enhancement suggestion when possible. I'm excited to start contributing to this project!

[nidhisoni01]

Hi 👋
I’d like to work on UI enhancements for the translation popup.

After reviewing the current light & dark mode UI, I’d like to improve:
• Visual hierarchy and spacing between sections (API key actions, settings, and help content)
• Consistency between light and dark themes (button contrast, status colors, borders)
• Add a clear loading state while translation is in progress (spinner / “Translating…”)
• Improve button UX with hover/focus/disabled states and subtle icons
• Add a “Copy to Clipboard” action with visual feedback for translated results
• Make long content handling better (scroll behavior, padding, readability)

These changes will make the popup more polished, responsive, and user-friendly within Chrome extension size limits.

Please assign this issue to me — happy to start right away.
Thanks! 😊