[DO NOT MERGE] Fix Bug #1032058 - Translation Form Alignment

Waiting on strings to be added to Verbatim. No reason we can't get the review started though.

1. Fix the expand and collapse widget so that the icons signalling functionality display.
2. Move the page meta information into its own expanding and collapsing area (the only meta information right now is tags).
3. Move the remaining information to fill the width of the page instead of being underneath the translation side.
4. Title this new section "version notes" (it's called version comments in the screenshot but I didn't like that).
5. Fix attachments so they show up again.
6. Document hierarchy fixes to support new organization.
7. Style fixes for page-button alignment.
8. Move Review Flags up in document order.

Potential site wide impact:
- changed behavior of clearfix() to clear using clear:both instead of :before
- removed wiki-block as extend for page-tags, page-attachments, page-comments and instead placed the class on the blocks.
Oooh cool, I didn't know Stylus could do that! This is the way to go here for sure. We can't use prevent-last-child-spacing in this instance because when the tags wrap we don't know how many will be on the second line. If there's more than one the margin remains.