Alignment of Add to shortcuts image in NARROW Screens

Fixed the non overlay and overlay version of the shortcuts and some general padding for the header title and cleanup.

Links to test
with overlay: #overlay=admin/config/content/formats/full_html/disable
without overlay: /admin/config/content/formats/full_html/disable

second try

Some screenshots after

Works great when you want to add a shortcut but not when you want to delete one (with overlay).

Hey guys, I was just playing around in Firebug and I found what I hope is a simpler solution to the issue:

When I looked at this in chrome on OSX the shortcut link was jumpin all over the place:

http://screencast.com/t/k2jftPI3QU

Ah, it appears I complete forgot about the hover effect.... we should be removing this effect on touch devices for a start, maybe we can combine two solutions to cover touch and non-touch.

I am concerned about the amount of 'mobile' testing going on without actually looking at any mobile devices... we do have a 10 user subscription to Browser Stack somewhere...

Ok, so what I've done here is kept the behaviour of the patch in #8 for touch devices but removed the hover effect.

For non-touch devices on a narrow viewport I've taken the approach of #3.

This is my justification:

• For touch devices, moving the link to the left hand side is a significant decrease in usability, it is far out of the reach of the thumb.
• The hover effect slows down user interactions on a touch device and so it should be removed. We do not have a decent replacement for hover actions in core and I doubt this will happen in D8
• For non touch users, the left hand placement of the link does not decrease usability in the slightest, however we do want the benefit of the hover effect

I've attached screenshots of narrow viewports on touch and non-touch devices.

Tried to re-roll the patch but not sure if everything is there.

I reviewed this patch , it seems to be working fine. I am attaching screenshots for the reference.

Added admin/config/regional

I have used the tool Ripple (Chrome extension). Please find the attached screenshots which are showing before and after applying the patch.

Changed to RTBC

14: 1876208-14.patch queued for re-testing.

Hm. I guess I'm having a hard time figuring out why this is preferable.
Without the patch, on a touch device (iOS simulator), when I click on the + sign I get an expanded "Add to default shortcuts" so I can tell what that button does.
With the patch, this doesn't happen.
The OP as well as the issue title seems to imply this is just an alignment fix, which makes sense to me. I'm not sure why we are also including a behaviour change.

I'm wondering though if we want to postpone this on #2022695: Content header style update? That seems like it would render this CSS moot.

Yes that's a good idea.

So that leads to #1953374: Implement Seven style guide for core overlay which is won't fix... Should this be marked as Won't fix then or is there another way around this?

I think this is still a problem

This problem is Seven theme specific

Not sure what needs to be done here. Asking because it's the last open issue in the major issue #1870944: [Meta] Mobile friendly admin pages

evaluating during Friday sprint

Issue is no more relevant.
See screenshot.