PR: Improve appearance of toolbar extension button

[ccordoba12]

Description of Changes

• The size and icon of that button were almost imperceptible. This PR aims to improve that.
• Thanks to the new API, this fix will apply to both the main and pane toolbars as well.

Before

After

Affirmation

By submitting this Pull Request or typing my (user)name below,
I affirm the Developer Certificate of Origin
with respect to all commits and content included in this PR,
and understand I am releasing the same under Spyder's MIT (Expat) license.

I certify the above statement is true and correct: @ccordoba12

[pep8speaks]

Hello @ccordoba12! Thanks for updating this PR. We checked the lines you've touched for PEP 8 issues, and found:

• In the file spyder/utils/icon_manager.py:

Line 268:80: E501 line too long (97 > 79 characters)

Comment last updated at 2021-09-15 00:03:47 UTC

[isabela-pf]

/show binder

[github-actions]

👈 Launch a Binder instance on this branch

[isabela-pf]

Hooray! I'm very glad to see this happening, especially since I think it's a really big experience change. Especially if people make extensions that use the toolbars, which are already tight on space.

A few points addressing questions we discussed when meeting:

• Buttons need to have at least the minimum accessible clickable area. At that point, it's probably best to make it match the other buttons, too.
• Since we need the minimum clickable area, the vertical dots (mdi-dots-vertical) won't really save space. I think mdi-dots-horizontal is the more familiar version of this icon and may be preferable to use.

Thanks for doing this!

[ccordoba12]

Thanks @isabela-pf for the review! I made the changes you requested and updated the screenshot above.

However, I still have to verify how this looks on Windows and macOS. I'll let you know when that's done.

[steff456]

In mac the size of the widgets of the main toolbar 54x46 and in the plugin's toolbars the size is 42x42. You need to fix this.