fixes #CNVS-3553
When you view a page in canvas, the h tags (ie: h1, h2, h3) can be out
of order. This is bad for accessibility reasons as well as html
symantics. This commit fixes most of these problems by remove h tags in
places we don't need them as well as helping to fix the order on some h
tags. Extra styling was also needed to get his to work.
Test Plan
1. Visit the follow pages and make sure there are no styling items
broken.
* http://localhost:3000/about
* http://localhost:3000/courses/123/collaborations
* http://localhost:3000/courses/123/discussion_topics
* http://localhost:3000/courses/123/discussion_topics/456
* http://localhost:3000/courses/123/announcements
2. Headers should also be in order for these pages not skipping any
numbers. For instance, you can't have h1, h2, h4 it must be h1, h2, h3,
h4. You can test this by opening the console in the browser and running
this jquery command $('h1, h2, h3, h4, h5, h6')
Change-Id: I8017e335d52850a44ecef974b8e0722a3f768c37
Reviewed-on: https://gerrit.instructure.com/17489
Tested-by: Jenkins <jenkins@instructure.com>
Reviewed-by: James Williams <jamesw@instructure.com>
QA-Review: Bracken Mosbacker <bracken@instructure.com>
3d0f54bfc4