diff --git a/lms/static/sass/views/_verification.scss b/lms/static/sass/views/_verification.scss index 3276334cf6..8d029a5d18 100644 --- a/lms/static/sass/views/_verification.scss +++ b/lms/static/sass/views/_verification.scss @@ -1800,78 +1800,115 @@ // step-dash - .content-main > .title { - @extend %t-title7; - display: block; - font-weight: 600; - color: $m-gray; - } + &.step-dash { - .action-reverify { - //@extend %btn-verify-primary; - padding: ($baseline/2) ($baseline*0.75); - } - - .reverification-list { - list-style-type: none; - - .item { - display: inline-block; - width: 48%; - box-shadow: 0 2px 5px 2px $shadow-l1; - margin: ($baseline*.75) ($baseline*.75) ($baseline*.75) 0; - border: 1px solid $m-gray-t2; - - &.complete { - border: 1px solid $verified-color-lvl1; - } - - &.failed { - border: 1px solid $error-color; - } - } - - .course-info { - margin-bottom: ($baseline/2); - padding: ($baseline/2) ($baseline*.75); - } - - .reverify-status { - background-color: $light-gray; - padding: ($baseline/2) ($baseline*.75); - } - - .course-name { - @extend %t-title5; + .content-main > .title { + @extend %t-title7; display: block; - font-weight: bold; + font-weight: 600; + color: $m-gray; } - .deadline { - @extend %copy-detail; - display: block; - margin-top: ($baseline/4); - } - } - - - .wrapper-reverification-help { - margin-top: $baseline; - border-top: 1px solid $light-gray; - padding-top: ($baseline*1.5); - - .faq-item { + .wrapper-reverify-open, + .wrapper-reverify-status { display: inline-block; vertical-align: top; - width: flex-grid(4,12); - padding-right: $baseline; + width: 48%; + } - &:last-child { - padding-right: 0; + .copy .title { + @extend %t-title6; + font-weight: 600; + } + + .wrapper-reverify-status .title { + @extend %t-title6; + font-weight: normal; + color: $m-gray; + } + + .action-reverify { + padding: ($baseline/2) ($baseline*0.75); + } + + .reverification-list { + list-style-type: none; + padding: 0 $baseline; + + .item { + box-shadow: 0 2px 5px 0 $shadow-l1 inset; + margin: ($baseline*.75) ($baseline*.75) ($baseline*.75) 0; + border: 1px solid $m-gray-t2; + + &.complete { + border: 1px solid $verified-color-lvl1; + + .reverify-status { + border-top: 1px solid $light-gray; + background-color: $m-gray-l4; + color: $verified-color-lvl1; + font-weight: 600; + } + } + + &.failed { + border: 1px solid $danger-red; + + .reverify-status { + border-top: 1px solid $light-gray; + background-color: $m-gray-l4; + color: $danger-red; + font-weight: 600; + } + } } - .faq-answer { - @extend %t-copy-sub1; + .course-info { + margin-bottom: ($baseline/2); + padding: ($baseline/2) ($baseline*.75); + } + + .course-name { + @extend %t-title5; + display: block; + font-weight: bold; + } + + .deadline { + @extend %copy-detail; + display: block; + margin-top: ($baseline/4); + } + + .reverify-status { + background-color: $light-gray; + padding: ($baseline/2) ($baseline*.75); + } + } + + .support { + margin-top: $baseline; + @extend %t-copy-sub1; + } + + .wrapper-reverification-help { + margin-top: $baseline; + border-top: 1px solid $light-gray; + padding-top: ($baseline*1.5); + + .faq-item { + display: inline-block; + vertical-align: top; + width: flex-grid(4,12); + padding-right: $baseline; + + &:last-child { + padding-right: 0; + } + + .faq-answer { + @extend %t-copy-sub1; + } } } } diff --git a/lms/templates/dashboard.html b/lms/templates/dashboard.html index 35472c3c2d..16d63ea71e 100644 --- a/lms/templates/dashboard.html +++ b/lms/templates/dashboard.html @@ -155,9 +155,7 @@ % if reverifications_must_reverify or reverifications_denied:
-
- <%include file='dashboard/_dashboard_prompt_midcourse_reverify.html' /> -
+ <%include file='dashboard/_dashboard_prompt_midcourse_reverify.html' />
% endif diff --git a/lms/templates/dashboard/_dashboard_prompt_midcourse_reverify.html b/lms/templates/dashboard/_dashboard_prompt_midcourse_reverify.html index 66b28d4c80..905eab0720 100644 --- a/lms/templates/dashboard/_dashboard_prompt_midcourse_reverify.html +++ b/lms/templates/dashboard/_dashboard_prompt_midcourse_reverify.html @@ -3,39 +3,43 @@ % if reverifications_must_reverify: -
-
-

${_("You need to re-verify to continue")}

- % for course_id, course_name, course_number, date, status in reverifications_must_reverify: -
-

- ${_('To continue in the verified track in {course_name}, you need to re-verify your identity by {date}.').format(course_name=course_name, date=date)} -

+
+
+
+

${_("You need to re-verify to continue")}

+ % for course_id, course_name, course_number, date, status in reverifications_must_reverify: +
+

+ ${_('To continue in the verified track in {course_name}, you need to re-verify your identity by {date}.').format(course_name=course_name, date=date)} +

+
+
-
% endfor %endif %if reverifications_denied: -
-
-

${_("Your re-verification failed")}

- % for course_id, course_name, course_number, date, status in reverifications_denied: -
-

- ${_('Your re-verification for {course_name} failed and you are no longer eligible for a Verified Certificate. If you think this is in error, please contact us at billing@edx.org.')} -

+
+
+
+

${_("Your re-verification failed")}

+ % for course_id, course_name, course_number, date, status in reverifications_denied: +
+

+ ${_('Your re-verification for {course_name} failed and you are no longer eligible for a Verified Certificate. If you think this is in error, please contact us at support@edx.org.')} +

+
% endfor -%endif \ No newline at end of file +%endif diff --git a/lms/templates/verify_student/midcourse_photo_reverification.html b/lms/templates/verify_student/midcourse_photo_reverification.html index ce9c9e24c9..8361949e32 100644 --- a/lms/templates/verify_student/midcourse_photo_reverification.html +++ b/lms/templates/verify_student/midcourse_photo_reverification.html @@ -155,7 +155,7 @@ - +