diff --git a/lms/static/sass/course/layout/_calculator.scss b/lms/static/sass/course/layout/_calculator.scss index cd767b32f9..c7efbdc167 100644 --- a/lms/static/sass/course/layout/_calculator.scss +++ b/lms/static/sass/course/layout/_calculator.scss @@ -43,6 +43,17 @@ div.calc-main { position: relative; top: -36px; + // UI: input help table + .calculator-input-help-table { + margin: ($baseline/2) 0; + + tr th, tr td { + vertical-align: top; + border: 1px solid $gray-l4; + padding: ($baseline/2); + } + } + form { @extend .clearfix; @include box-sizing(border-box); @@ -153,14 +164,6 @@ div.calc-main { margin: 0; } - table { - margin: 10px 0; - - td, th { - padding: 2px 5px; - } - } - .calc-postfixes { margin: 10px auto; diff --git a/lms/templates/courseware/courseware.html b/lms/templates/courseware/courseware.html index 4a07bf31da..72fa19925a 100644 --- a/lms/templates/courseware/courseware.html +++ b/lms/templates/courseware/courseware.html @@ -228,128 +228,127 @@ ${fragment.foot_html()} % endif % if course.show_calculator: -
- -
-
-
- +
+ -
-

${_('Use the arrow keys to navigate the tips or use the tab key to return to the calculator')}

- ${_("Hints")} - -
-
- - - +
+
+
+ +
+

${_('Use the arrow keys to navigate the tips or use the tab key to return to the calculator')}

+ + ${_("Hints")} + + +
+ + + +
+
+ % endif <%include file="../modal/accessible_confirm.html" />