Add a clear, obvious way to remove hotkeys to improve UX

[zbrcz]

The solution is based on bradrisse's comment here:
mui/material-ui#2932

Based on that thread, it seems to me that there is currently no better way to add the requested button.

[welcome]

💖 Thanks for opening this pull request! 💖
Here is a list of things that will help get it across the finish line: - Run npm run lint locally to catch formatting errors earlier. - Include tests when adding/changing behavior. - Include screenshots and animated GIFs whenever possible. - If you added new translation strings ensure that you have added empty strings for all languages - If you added new functionality or modified existing functionality please ensure it is tested

[MarshallOfSound]

Can you please provide a screenshot showing what this looks like 👍

[MarshallOfSound]

This can just be backgroundColor and the value should be all lower case 👍

[zbrcz]

Please note that I have amended the commit. I did it using "git push -f", not sure if that's the right way. :)

The requested screenshot:

[jostrander]

Looks reasonable. Does it also work with the dark theme?

[zbrcz]

No, the icon doesn't change color. Thanks for pointing that out, I'll take a look at it.

[zbrcz]

I have changed the <button> to a <FlatButton> and the arrow now changes color according to the theme. How do I submit the change? I get the feeling that git push -f is not the right way.

[jostrander]

git push -f is the right way if you are squashing your commits every time, otherwise a regular git push would do.

[jostrander]

@MarshallOfSound this is good to go, just pulled and reviewed.

[coveralls]

Coverage increased (+0.09%) to 71.629% when pulling b723456 on zbrcz:feature/hotkey-remove-btn into 125c233 on MarshallOfSound:master.

[welcome]

Congrats on merging your first pull request! Have a ⭐