Merge pull request #5303 from edx/diana/update-prof-ed-flow

Change some text when in professional ed flow

lms/static/sass/views/_verification.scss

@@ -368,16 +368,25 @@
 
         .sts-track-value {
           @extend %copy-badge;
-          color: $white;
+          display: inline-block;
           background: $verified-color-lvl3;
+          color: $white;
+          font-weight: 600;
 
           .context {
-            margin-right: ($baseline/4);
             opacity: 0.80;
             color: $white;
             letter-spacing: 0.1rem;
           }
         }
+
+        &.professional-ed {
+
+          .sts-track-value {
+            background-color: $professional-color-lvl1;
+          }
+
+        }
       }
 
       .sts-label {

lms/templates/verify_student/_verification_header.html

@@ -22,17 +22,25 @@
         <span class="sts-course-name">${course_name}</span>
       </span>
 
+      %if modes_dict and "professional" in modes_dict:
+      <span class="sts-track professional-ed">
+        <span class="sts-track-value">
+            ${_("Professional Education")}
+        </span>
+      </span>
+      %else:
       <span class="sts-track">
         <span class="sts-track-value">
           %if upgrade:
-            <span class="context">${_("Upgrading to:")}</span> ${_("ID Verified")}
+            <span class="context">${_("Upgrading to:")}</span> ${_("Verified")}
           %elif reverify:
-            <span class="context">${_("Re-verifying for:")}</span> ${_("ID Verified")}
+            <span class="context">${_("Re-verifying for:")}</span> ${_("Verified")}
           %else:
-            <span class="context">${_("Registering as: ")}</span> ${_("ID Verified")}
+            <span class="context">${_("Registering as: ")}</span> ${_("Verified")}
           %endif
         </span>
       </span>
+      %endif
     </span>
   </h2>
 </header>
@@ -58,11 +66,11 @@
     <span class="sts-track">
       <span class="sts-track-value">
         %if upgrade:
-          <span class="context">${_("Upgrading to:")}</span> ${_("ID Verified")}
+          <span class="context">${_("Upgrading to:")}</span> ${_("Verified")}
         %elif reverify:
-          <span class="context">${_("Re-verifying for:")}</span> ${_("ID Verified")}
+          <span class="context">${_("Re-verifying for:")}</span> ${_("Verified")}
         %else:
-          <span class="context">${_("Registering as: ")}</span> ${_("ID Verified")}
+          <span class="context">${_("Registering as: ")}</span> ${_("Verified")}
         %endif
     </span>
   </h2>