Add visual feedback to reorder link

[karmatosed]

The reorder link has no visual feedback when you hover. I actually missed I was interacting with this because of that. I'm not sure what we'd want as an option here, but having some kind of feedback I think is important as the button next to it does have visual feedback.

[melchoyce]

I think it's because it's a span, not actually a link, so it didn't inherit the correct styles automatically. If we want to just update the colors for clarity, let's use #0073aa, and #00a0d2 on hover. However — should this be a <button>? Any thoughts @afercia?

[afercia]

Actually there are two spans (they're used to change the text depending on the "reordering mode" status) inside a button. As per the hover style, I'm all for improvements. Should be coordinated with the similar button in the Menu Customizer and probably be paired with the focus style?

[coreymcollins]

Update Reorder button default and hover styles

[coreymcollins]

Just added an update for this. The styling affects the .reorder-toggle class which means it will hit both the widget and menu reordering buttons as @afercia mentioned above using the color scheme @melchoyce suggested.

This is already a button with spans inside of it, so no need to update the structure at this time.

Menu:

​https://www.dropbox.com/s/6hk2eyo853yabi7/wp-menu-hover.gif?dl=0

Widgets:

​https://www.dropbox.com/s/l0jqnj19fnowzy4/wp-widget-hover.gif?dl=0

[voldemortensen]

@coreymcollins thanks for the patch! Just for future reference, there is no need to update the minified css files. Those are generated with grunt before release. Pretty sure I did the same thing one of my first css patches :)

[coreymcollins]

@voldemortensen Thanks for the heads up! I'll keep that in mind for the future.

[chriscct7]

@voldemortensen what needs to happen on this?

[ocean90]

In 36641:

Customizer: Add visual feedback to reorder buttons.

Props coreymcollins, melchoyce.
Fixes #35041.