Sidebar: misaligned dismiss button in validation

[fabianapsimoes]

After the recent changes in the sidebar, the dismiss button in validation messages became misaligned:

This affects at least /purchases/:site/:purchaseId/payment/edit/:cardId and /checkout, where this kind of validation is still used.

Reproduced using Firefox 40.0.3 for Linux.

cc @shaunandrews

[fabianapsimoes]

The account verification notice also looks broken in /me/next, and the content there isn't aligned to the center of the page:

This notice looks fine in other pages though:

[johnHackworth]

Also, when the notice is a sticky one and you scroll, it gets shortened and the effect is odd:

[shaunandrews]

The alignment of the next screen is being tracked over in 12544-gh-calypso-pre-oss

I'm looking at how to fix the notices. @rickybanister, you mentioned that we'll be updating notices in the next few weeks?

[jeffgolenski]

Also found a misaligned dismiss icon, during the wpcom sign-up flow.

[stephanethomas]

Note the account verification notice breaks the DevDocs page: #259.

[shaunandrews]

I'm working on these over in #302

[koke]

In case it provides new info, I got one of these when saving account settings

[fabianapsimoes]

Looks like the issues in this issue have been addressed. I'm closing, but feel free to reopen in case you see any other weirdness in Purchases.