Minimize/Maximize icon revamp

[ParadoxicalPilgrim]

Summary

This PR updates the widget UI to include the requested MacOS-style control buttons (Minimize, Close, Refresh) and fixes the minimize icon toggle logic.

Changes

• MacOS-style Buttons: Replaced standard buttons with MacOS-inspired colored dots for a cleaner look.
• Icon Logic Fix: The minimize button now correctly switches to a + icon when the widget is minimized (previously stayed as -).

Screenshots

Before:

After (MacOS Buttons & Fixed Toggle):

Related Issue

Closes #18

[Devpool-soc]

Hey @ParadoxicalPilgrim! Thank you for opening a pull request. Make sure to tag the maintainers and link the issue you are solving in your pull-request description if you have not already and they'll review as soon as possible.

[ParadoxicalPilgrim]

"Hello! 👋 Just wanted to highlight that this PR is submitted as part of my participation in Winter of Code 2.0. I would appreciate it if you could track this for the respective point allocation. Thanks for reviewing! "

[midhunann]

I did notice this but never actually gave a thought to this.
Thank you for noticing and making this PR @ParadoxicalPilgrim

I really do appreciate the effort to find a solution for this, but one problem I feel as a user when using this way of plus/minus icons would be that the user might misinterpret it to be zoom in/out.

So can you come up with a better solution for this, that would be great!

[midhunann]

I would suggest you to check actual implementations of application minimize/maximize used in various operating systems.

This is the implementation of maximize minimize in macos, relevant use of ^ and ⌄.
It would be really great if you could replicate this.

[ParadoxicalPilgrim]

I would suggest you to check actual implementations of application minimize/maximize used in various operating systems.

This is the implementation of maximize minimize in macos, relevant use of ^ and ⌄. It would be really great if you could replicate this.

Got it! Replicating the macOS-style minimize/expand behavior now.

[midhunann]

Great then! I have created and linked the issue.
One more thing make sure you change the PR title once you commit changes to this branch
Ping me once it's done! @ParadoxicalPilgrim

[ParadoxicalPilgrim]

Great then! I have created and linked the issue. One more thing make sure you change the PR title once you commit changes to this branch Ping me once it's done! @ParadoxicalPilgrim

Done! @midhunann I've pushed the latest changes and updated the PR title and description as requested. ✅

Just a heads-up: This PR includes the MacOS-style widget buttons that we discussed earlier.

Could you also please take a look at my other open PRs when you get a chance? They contain some additional UI tweaks that complement these changes. Thanks for your guidance!

[midhunann]

I think you might have misunderstood my request, I asked the macos style implementation only for maximize/minimize button not all buttons.

I could see that you have changed the colour and even the position of the buttons.
Please change them back to their original position and colours and only change the minimize/maximize icon with a macos style implementation using ^ and ⌄.
@ParadoxicalPilgrim
Recommendation: If you could not change them back to original colour and position, create a new branch and pull a new PR.

[ParadoxicalPilgrim]

Ah sure I'll get it done that way. When working on your MacOS button request the reordering of buttons and designing it that way gave an up for my design perspective where the uniformity prevailed due to which I made it that way using SVGs. Great to have your insight. Please do clarify whether I need to reorder the button order as well along with reverting back to the theme with the requested MacOS minimize maximize update?