more cleanup on photos for vcerts

lms/static/sass/views/_verification.scss

@@ -586,13 +586,10 @@ body.register.verification-process {
       .title {
         @extend .t-title5;
         border-bottom: 1px solid #ddd;
-        padding: $baseline 0 ($baseline/4) 0;
+        padding-bottom: ($baseline/4);
         font-weight: bold;
       }
 
-      li {
-        margin-bottom: $baseline;
-      }
     }
 
     .next-step {
@@ -610,6 +607,11 @@ body.register.verification-process {
     .review-photo {
       width: 500px;
       float: left;
+
+      .title {
+        @extend .t-title5;
+        margin-top: $baseline;
+      }
     }
 
     #review-facephoto {

lms/templates/verify_student/photo_verification.html

@@ -328,7 +328,7 @@
             <img id="face_image" width="500" height="375" src=""/>
           </div>
 
-          <h4>The photo above needs to meet the following requirements:</h4>
+          <h4 class="title">The photo above needs to meet the following requirements:</h4>
           <ul>
             <li>Be well lit</li>
             <li>Show your whole face</li>
@@ -341,14 +341,17 @@
             <img id="photo_id_image" width="500" height="375" src=""/>
           </div>
 
-          <h4>The photo above needs to meet the following requirements:</h4>
+          <h4 class="title">The photo above needs to meet the following requirements:</h4>
           <ul>
             <li>Be readable (not too far away, no glare)</li>
             <li>Show your name</li>
             <li>Match the photo of your face and your name above</li>
           </ul>
         </div>
+
+
       </div>
+        <p>Photos don't meet the requirements? <a href="#">Retake the photos</a>.</p>
 
 <hr />
 
@@ -381,22 +384,22 @@
         </dl>
       </div>
 
+<hr />
 
       <div class="next-step">
 
-        <p>Photos don't meet the requirements? <a href="">Retake the photos</a>.</p>
         <form id="pay_form" method="post" action="${purchase_endpoint}">
           <!-- <a href="#">Go to Step 4: Secure Payment</a> -->
           <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
 
-          <input type="checkbox" name="match" id="confirm_pics_good" /> <label for="match">Yes! My details all match.</label>
+          <input type="checkbox" name="match" id="confirm_pics_good" /> <label for="match">Yes! My details all match.</label><br />
 
           <input type="hidden" name="course_id" value="${course_id | h}" />
           <p class="m-btn-primary" id="pay_button_frame">
             <input type="button" id="pay_button" value="Go to Step 4: Secure Payment" name="payment">
           </p>
         </form>
-        <p class="tip">Once you verify your details match the requirements, you can move on to step 4, payment on our secure server.</p>
+        <p class="tip">Once you verify your details match the requirements, <br />you can move on to step 4, payment on our secure server.</p>
       </div>
     </div>
   </section>