"Please try again" page is crooked

[Matthew Paul Thomas]

In Launchpad's "Please try again" page <https://launchpad.net/offline.html>, the heading is correctly horizontally centered with respect to the whole viewport; but when the browser window is wider than 60em, the body text is way off to the left.

This is because all paragraphs in Launchpad have a max-width of 60em for readability, but on the offline page only the text alignment is centered, not the paragraphs as a whole.

The fix is to change
    .offline {text-align: center;}
to
    .offline {text-align: center;}
    .offline>* {margin-left: auto; margin-right: auto;}

[Diogo Matsubara (matsubara)]

I thought this was a dupe of bug 182296 but it is not.

[Launchpad QA Bot (lpqabot)]

Fixed in stable r12097 <http://bazaar.launchpad.net/~launchpad-pqm/launchpad/stable/revision/12097>.

[Matthew Paul Thomas (mpt)]

Edwin's branch did make the change I suggested, but it didn't fix this bug. What was I thinking?

To fix the bug, change

    .offline {text-align: center; max-width: 60em;}
    .offline > * {margin-left: auto; margin-right: auto;}

to

    .offline {max-width: 60em; text-align: center; margin-left: auto; margin-right: auto;}

This time I've tested it in Firefox's element inspector, so I'm sure it works. :-) And it will shorten the code, too.

[Launchpad QA Bot (lpqabot)]

Fixed in stable r16975 <http://bazaar.launchpad.net/~launchpad-pqm/launchpad/stable/revision/16975>.