diff --git a/lms/static/sass/views/_verification.scss b/lms/static/sass/views/_verification.scss index 1cde75de14..3276334cf6 100644 --- a/lms/static/sass/views/_verification.scss +++ b/lms/static/sass/views/_verification.scss @@ -1799,23 +1799,46 @@ &.midcourse-reverification-process { // step-dash + + .content-main > .title { + @extend %t-title7; + display: block; + font-weight: 600; + color: $m-gray; + } + .action-reverify { - @extend %btn-verify-primary; + //@extend %btn-verify-primary; padding: ($baseline/2) ($baseline*0.75); } - .reverification-table { - width: 100%; + .reverification-list { + list-style-type: none; - th { - display: 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; + } } - th, - td { - padding: ($baseline/2) 0; - text-align: left; - border-bottom: 1px solid $light-gray; + .course-info { + margin-bottom: ($baseline/2); + padding: ($baseline/2) ($baseline*.75); + } + + .reverify-status { + background-color: $light-gray; + padding: ($baseline/2) ($baseline*.75); } .course-name { @@ -1827,12 +1850,15 @@ .deadline { @extend %copy-detail; display: block; + margin-top: ($baseline/4); } } .wrapper-reverification-help { - margin-top: $baseline*2; + margin-top: $baseline; + border-top: 1px solid $light-gray; + padding-top: ($baseline*1.5); .faq-item { display: inline-block; diff --git a/lms/templates/verify_student/midcourse_reverify_dash.html b/lms/templates/verify_student/midcourse_reverify_dash.html index dd01ac6766..a0e2fad749 100644 --- a/lms/templates/verify_student/midcourse_reverify_dash.html +++ b/lms/templates/verify_student/midcourse_reverify_dash.html @@ -14,35 +14,29 @@
-

You are re-verifying your identity

+

You are in the Verified track

You currently need to re-verify for the following course:

- - - - - - +
    % for course_id, course_name, course_number, date, status in reverify_course_data: -
- - - + % endfor -
Course and Reverification windowStatus
- ${course_name} (HKS211.1x) - Re-verify by ${date} - +
  • +
    +

    ${course_name} (${course_number})

    +

    Re-verify by ${date}

    +
    + % if status == "must_reverify": - Re-verify for HKS211.1x +

    Re-verify for ${course_number}

    % elif status == "completed": Completed % elif status == "failed": Failed % endif -
  • +