CSS issue on plugin pages, mobile viewing

[MrFlannagan]

I wrote a blog post on this and someone suggested I submit here. I found the css adjstument I made below my link to the bug description on my blog seems to fix it:

​http://whoischris.com/this-bothers-me-more-than-it-should-or-should-it/

@media screen and (max-width: 960px) {
.col-10, .col-10 .col-3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0;
    padding: 0 15px;
}
}

[Otto42]

The issue mentioned on the blog post is that the login button on mobile devices touches the banner. Probably needs a bit of padding there.

Patch would need to be made somewhere in the main wp4.css file:
​https://meta.svn.wordpress.org/sites/trunk/wordpress.org/public_html/style/wp4.css

Header bump would be required after push for cache busting.

[Craig Ralston]

1417.patch adjusts line-height of the h2 to match the height of its' container, which means we can get rid of the padding there and we don't have to rely on the padding-top for the login area, which allows us to properly pad the container without needing media queries.

Before patch:

After patch:

[Craig Ralston]

created patch from root

[Ipstenu]

This appears to have been fixed (for plugins at least) in the latest version of the new design.

wordpress.org/plugins-wp/ looks nice on mobile and resizes properly.

I'm closing this. If it's still a problem, we can reopen :)

Worksforme because of new directory work! Yay!