i18n and updated secondary action buttons on the photo page

lms/static/sass/views/_verification.scss

@@ -715,7 +715,9 @@
           text-align: right;
 
           .action-retakephotos a {
-            @extend .btn-primary-gray;
+            @extend .btn-primary-blue;
+            @include font-size(14);
+            padding: ($baseline/2) ($baseline*.75);
           }
         }
       }
@@ -839,7 +841,9 @@
           text-align: right;
 
           .action-editname a {
-            @extend .btn-primary-gray;
+            @extend .btn-primary-blue;
+            @include font-size(14);
+            padding: ($baseline/2) ($baseline*.75);
           }
         }
       }

lms/templates/verify_student/_modal_editname.html

 <%! from django.utils.translation import ugettext as _ %>
 
 <section id="edit-name" class="modal">
-<header>
+  <header>
   <h4>${_("Edit Your Full Name")}</h4>
 </header>
   <form id="course-checklists" class="course-checklists" method="post" action="">
@@ -22,6 +22,6 @@
   </form>
   <a href="#" data-dismiss="modal" rel="view" class="action action-close action-editname-close">
     <i class="icon-remove-sign"></i>
-    <span class="label">close</span>
+    <span class="label">${_("close")}</span>
   </a>
 </section>

lms/templates/verify_student/photo_verification.html

@@ -79,7 +79,7 @@
                   <div class="placeholder-cam" id="face_capture_div">
 
                     <div class="placeholder-art">
-                      <p class="copy">Don't see your picture? Make sure to allow your browser to use your camera when it asks for permission</p>
+                      <p class="copy">${_("Don't see your picture? Make sure to allow your browser to use your camera when it asks for permission")}</p>
                     </div>
 
                     <video id="face_video" autoplay></video><br/>
@@ -164,7 +164,7 @@
                   <div class="placeholder-cam" id="photo_id_capture_div">
 
                     <div class="placeholder-art">
-                      <p class="copy">Don't see your picture? Make sure to allow your browser to use your camera when it asks for permission</p>
+                      <p class="copy">${_("Don't see your picture? Make sure to allow your browser to use your camera when it asks for permission")}</p>
                     </div>
 
                     <video id="photo_id_video" autoplay></video><br/>
@@ -205,6 +205,7 @@
                         <li class="help-item">${_("Ensure that you can see your photo and read your name")}</li>
                         <li class="help-item">${_("Try to keep your fingers at the edge to avoid covering important information")}</li>
                         <li class="help-item">${_("Acceptable IDs include drivers licenses, passports, or other goverment-issued IDs that include your name and photo")}</li>
+                        <li class="help-item">${_("Click the checkmark once you are happy with the photo")}</li>
                       </ul>
                     </div>
                   </div>
@@ -257,7 +258,7 @@
 
                     <ul class="list-actions">
                       <li class="action action-editname">
-                        <a rel="modal" class="edit-name" href="#">${_("Edit my name")}</a>
+                        <a rel="modal" class="edit-name" rel="leanModal" href="#edit-name">${_("Edit my name")}</a>
                       </li>
                     </ul>
                   </li>
@@ -266,7 +267,7 @@
                     <h4 class="title">${_("Review the Photos You've Taken")}</h4>
 
                     <div class="copy">
-                      <p>${_("Please review the photos below and verify that they meet the requirements listed below.")}</p>
+                      <p>${_("Please review the photos and verify that they meet the requirements listed below.")}</p>
                     </div>
 
                     <ol class="wrapper-photos">
@@ -280,7 +281,7 @@
                           <ul class="list-help list-tips copy">
                             <li class="tip">${_("Be well lit")}</li>
                             <li class="tip">${_("Show your whole face")}</li>
-                            <li class="tip">${_("Match your ID")}</li>
+                            <li class="tip">${_("The photo on your ID must match the photo of your face")}</li>
                           </ul>
                         </div>
                       </li>
@@ -294,9 +295,8 @@
                          <h5 class="title">${_("The photo above needs to meet the following requirements:")}</h5>
                          <ul class="list-help list-tips copy">
                            <li class="tip">${_("Be readable (not too far away, no glare)")}</li>
-                           <li class="tip">${_("Show your full name")}</li>
-                           <li class="tip">${_("The photo on your ID matches the photo of your face")}</li>
-                           <li class="tip">${_("The name on your ID matches the name on your account above")}</li>
+                           <li class="tip">${_("The photo on your ID must match the photo of your face")}</li>
+                           <li class="tip">${_("The name on your ID must match the name on your account above")}</li>
                          </ul>
                        </div>
                       </li>