UI: Left-align page titles with content on the page

[jtucholski]

After reviewing PR #657 I noticed that there were discrepancies in the alignment of the page title with the page content. This primarily has to do with the x-padding on the container.

There are times when:

• the page title aligns with the containers on the page
• the page title is further left than the containers on the page
• the page title is further right than the containers on the page

In all cases, all of the page titles and the left-most edge of the containers on the page should line up. When the navigation bar is hidden (using the << icon) then the hamburger icon (three bars) should be visible and what is lined up with the content on the page.

Screenshots that point out the discrepancy

Example where the page content is probably pushed in too far

Example where the padding on the title doesn't line up with the page content.

Example where the hamburger menu isn't aligned with the page content.