Visual cleanup of Edit shortcuts link

First patch without the cog icon.

Here's a patch with cog icon. It's also improved over first one.

Updating summary image - cog icon in vertical state looks better on white background.

Thanks for the issue link!
I'm adding it as related for now as it's quite dated and screenshots over there do not even show orientation toggle.

The solution I'm proposing here is most of all to save space but also not to complicate things too much. The cog icon could be easily changed to something else though it's used a lot in many places so people should understand what it does. I'm open to discussion and we can close this issue later if that will be decided :)

@Bojhan I was thinking the icon could also be the edit/pen icon but that's the same icon on the toolbar so duplicated twice near each other wouldn't look good either.

It might also be some kind of new icon based on star/favourite from #1490402: Redesign tabs and the content header? Here how it looks like for reference:

Are you saying you would support this once the hover/focus text is right? :)

I was thinking more like half star/half pen ;)
But seriously when you hover over the star it has a small plus or minus on it depending on the operation to happen. So a star/pen on the shortcuts bar could also improve understanding that the star next to title is related to it.

Edit: Of course the star is also next to "Shortcuts" tab on the main Toolbar so maybe that would be too much stars. I'll stick to the cog icon for a moment.

I'll update my patch later today.

The only thing I would consider is showing text on hover/focus

I've been looking into this and I don't want to invent something new here.
Do we have something similar anywhere else I could apply in this case? Is there a Drupal standard for this?
The orientation toggle for example does not have such text on hover though the icon is quite self explanatory.

Yes, this is the only one I found. It's very specific and later it might need a little improvement to be more modular. I'll try to make this hover work at all first.

Here we go. This patch is heavily based on redesigned tabs hover text. The most significant difference is that I had to make the hover text positioned absolutely.
Currently this is not the case in redesigned tabs patch #264 but maybe should be too.

Attaching a screen shot to show the hovered text:

I totally agree to wait until Style Guide is more complete.

The more I think about it the more I agree this should be made into contextual links just for sake of unification.
If you agree I'll close this issue as duplicate, re-roll #1164782: The icon to add something to shortcuts wasn't clearly discoverable. and then rename it to something like "Make edit shortcuts link to contextual menu".

One more thing - this issue is important because "Edit shortcuts" really takes a lot of space in horizontal orientation and probably sometimes it takes even more when translated :)

1: clean-up-edit-shortcuts-link-2170947-1.patch queued for re-testing.