The logo header on the log in screen is too large a tap target

[ryan]

​https://make.wordpress.org/flow/2014/12/12/log-in-input-autocomplete-and-great-big-links-nexus-5/

The WordPress logo header on the log in screen is a great, big link. When dismissing things like autocomplete suggestions, I often tap away into the header. The resulting redirect is bewildering and unexpected. With the keyboard up, half of the view of the log in page is a link directing away from log in.

[ryan]

Tapping anywhere in the logo header takes you away from the log in screen

[radiok]

Am I crazy to ask, what is the desired behavior? The Wordpress logo has been a link for as long as I can remember. Is the intention to remove the link? I don't see how this a bug, so much as a behavioral change? I'm not a core Wordpress developer so I hope this isn't condescending, or an inappropriate question.

[ryan]

Possible remedies:

• Removing the link on mobile
• Reducing the size of the tap target
• Redesigning log in to make sure username and password are both visible when the keyboard is up

I'm fine with removing the link from the logo for all touch devices as an easy first step. Longer term we should think about what makes a good mobile log in screen. We currently give way too much screen over to a logo that links offsite. A brief survey of large web properties suggests a conscientiousness for avoiding big logos, avoiding links on header images, and keeping the username and password fields on screen even when the keyboard is up.

[mzak]

Reduce tap area on mobile to 35%. This extends just beyond the logo on most mobile devices

[mzak]

Removed width rule entirely

[SergeyBiryukov]

In 31318:

Reduce the size of the WordPress logo tap target on log in screen on mobile, to avoid unexpected redirect away from the form.

props mzak.
fixes #31185.