Improvements on Buttons UI and user experience

[damousis]

description

So on this push i made the buttons more responsive to the user. When the user hovers over a button the cursor becomes pointer and the button pops up (the pop up is not big so it does not become tiring to the user!). With this improvement i believe the site becomes more user friendly. Also, at the drop down menu when a button is disabled a small message appears that tells the user that the button is disabled while the editor is empty.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update
• Code refactoring
• Performance improvement
• UI/UX improvement

Related Issue

Closes #63

Changes Made

• Buttons pop up on hover.
• Cursor becomes pointer on the button on hover.
• Small message appears on disabled buttons.

Screenshots (if applicable)

Checklist

• My code follows the project's code style
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have tested my changes locally
• Any dependent changes have been merged and published

Additional Notes

The last time you asked me to run npm run clean before pushing. I tried running the command but it does not respond this time. I hope there is not a problem! If you did not like something please inform me!