Implement minor UI/A11Y fixes for outline

[bjacobel]

Combined LEARNER-430 and LEARNER-333.

https://outline-details.sandbox.edx.org/courses/course-v1:edX+bj101+2017/course/

• I would like to add a element on that page (not sure if it should include the -
  Search/Resume/Bookmarks region or not) and make the Topic levels (Introduction, Example Week 1, etc) Headings.
• There is nothing that screams what this page is to me (Course Outline) so you might consider making that Heading visible.
• Show Course Outline Title
• Resume Course uses btn-brand styling
• Resume Course action is positioned to the right of "Bookmarks", with search still to its right (though disabled on edx.org)
• Search this Course area should be linked to courseware search feature flag. (may be in separate story?)
• Apply button border radius to the active "Resume Course" subsection.
• Fix apostrophe in the search box placeholder text.
• Fix the vertical alignment of the "Resume Course" button at <400px
• The title element (in the head) might also be changed to include Course Name Course Outline - Platform Name This isn't possible inside of fragments, wontfix
• Focus border on section / subsection should not enable based on click (a11y review here as well) Mark S confirmed the only way he knows of to have the focus show for keyboard navigation but not for clicks is with a "super hacky" JavaScript library that we haven't vetted for performance or a11y, so IMO this is also a wontfix

[cahrens]

You might as well translate Course Outline here too.

[bjacobel]

Current plan is to wait to merge this until https://github.com/edx/edx-platform/pull/14828 goes to master (I also need to talk to Mark about one of the checklist items before review/sandbox time)

[bjacobel]

Sandbox is set up, ready for review.

[andy-armstrong]

👍 nice set of clean ups! I have one minor comment that you can address if you like.

[andy-armstrong]

There is no way for you to know this, but the course skeleton defines a page-title class that should be used for consistency:

https://outline-details.sandbox.edx.org/template/ux/reference/course-skeleton.html

[marcotuts]

I will connect with @cptvitamin around the section / subsection focus prior to merge to discuss how we handled this in the past for discussions.

update: I can connect with mark next week, ok to keep that item as wontfix for now. 👍 from my standpoint.

[bjacobel]

jenkins run js

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the staging environment in preparation for a release to production on Wednesday, April 19, 2017.

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the production environment.