Alex Anderson a741ee216d Update the Course Settings page to be responsive ... - Change the table to be a set of flexbox divs. - Maintain the standard layout on screen sizes > 900px; - At 900px, it converts to labels being above form elements, as opposed to labels being beside form elements. - Also update the license help modal to use flexbox divs instead of tables for layout. - Bolds the labels to make them stand out a bit more. See what it looks like in this video. https://instructure.slack.com/files/UJFBF3Z37/F0108AS2W1M/scale.mov Test plan: Navigate to a course settings page. Change the viewport to 320px wide. Navigate and see the checkboxes are not overlaid on top of the label text. Navigate the page with a screenreader - controls still have appropriate labels and roles. Refs LA-558 Change-Id: Id17ca65c69fef4e02690943d22df6568538ecd79 Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/230163 Reviewed-by: Ed Schiebel <eschiebel@instructure.com> Product-Review: Pam Hiett <phiett@instructure.com> QA-Review: Anju Reddy <areddy@instructure.com> Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>		2020-03-18 18:57:57 +00:00
..
_custom_search.html	load google jsapi with protocol relative url; fixes #4536	2011-05-13 22:19:42 -06:00
_license_help.html	Update the Course Settings page to be responsive	2020-03-18 18:57:57 +00:00