Hover state of Top Toolbar buttons do not match

[mapk]

Describe the bug
The hover state of the Top Toolbar items do not match between the "Options" button on the far right, and the 5 buttons on the far left.

To reproduce
Steps to reproduce the behavior:

1. Hover over the "Block navigation" button in the Top Toolbar.
2. Observe the hover state.
3. Hover over the "More tools and options" button in the Top Toolbar.
4. Observe that its hover state is different.

Expected behavior
I expected the hover state of the "More tools and options" button to match that of the other buttons on the left side.

Screenshots

Block navigation button (hovered)

More tools and options button (hovered)

Desktop (please complete the following information):

• OSX
• Firefox 68.0.2
• Gutenberg 6.4

[Seniru]

Seems no problems with mobile phones .
But it has completely another style (check the screenshot below)

My opinion is that there should be one style for all the platforms

[sarahmonster]

💯 to normalising these hover patterns throughout the interface. There are actually a number of different hover styles that happen across the top toolbar:

From left to right, I'm seeing:

1. Soft border + slight depth created by a box-shadow:
   

2. Slide up/down to a different icon entirely:
   
   This interaction seems to be limited to the transform menu alone—it would be interesting to test whether this interaction provides valuable information for users, since it's a rather aggressive animation.

3. Hard border, no shadow:
   

Interestingly, we also seem to use different patterns for selected hovers. In some cases, they'll use the hard border:

But other selected items won't change at all to indicate a hover state:

Switching to a single, unified hover state for these interactions seems like it would be an easy win in terms of reducing some code inefficiencies and creating a more consistent and understandable user interface.

[Seniru]

@sarahmonster the effect with the settings, preview and publish button are OK (as they are for entirely a different purpose). But I agree with you with the other parts.

EDIT: I prefer to have soft bordered buttons for many parts. What are your ideas?