Update contribution partial template with new style changes.

common/templates/course_modes/_contribution.html

-          <dl>
-            <dt>
-              Select your contribution for this course:
-            </dt>
-            <dd>
-              <ul class="pay-options">
+              <ul class="list-fields contribution-options">
                 % for price in suggested_prices:
-                <li>
-                  <input type="radio" name="contribution" value="${price|h}" ${'checked' if price == chosen_price else ''}><label for="contribution-${price|h}">$${price} ${currency}</label>
+                <li class="field contribution-option">
+                  <input type="radio" name="contribution" value="${price|h}" ${'checked' if price == chosen_price else ''}/>
+                  <label for="contribution-${price|h}" />
+                    <span class="deco-denomination">$</span>
+                    <span class="label-value">${price}</span>
+                    <span class="denomination-name">${currency}</span>
+                  </label>
                 </li>
                 % endfor
 
-                <li class="other1">
-                  <input type="radio" id="contribution-other" name="contribution" value="" ${'checked' if (chosen_price and chosen_price not in suggested_prices) else ''}/>
-                  <label for=" contribution-other"><span class="sr">Other</span></label>
-                </li>
-                <li class="other2">
-                  <label for="contribution-other-amt"><span class="sr">Other Amount</span> </label>$<input type="text" size="5" name="contribution-other-amt" id="contribution-other-amt" value="${chosen_price if (chosen_price and chosen_price not in suggested_prices) else ''}" />
+                <li class="field">
+                  <ul class="field-group field-group-other">
+                    <li class="contribution-option contribution-option-other1">
+                      <input type="radio" id="contribution-other" name="contribution" value="" ${'checked' if (chosen_price and chosen_price not in suggested_prices) else ''} />
+                      <label for=" contribution-other"><span class="sr">Other</span></label>
+                    </li>
+
+                    <li class="contribution-option contribution-option-other2">
+                      <label for="contribution-other-amt">
+                        <span class="sr">Other Amount</span>
+                      </label>
+                      <div class="wrapper">
+                        <span class="deco-denomination">$</span>
+                        <input type="text" size="5" name="contribution-other-amt" id="contribution-other-amt" value="${chosen_price if (chosen_price and chosen_price not in suggested_prices) else ''}"/>
+                        <span class="denomination-name">${currency}</span>
+                      </div>
+                    </li>
+                  </ul>
                 </li>
               </ul>
-            </dd>
-          </dl>
-

lms/templates/verify_student/photo_verification.html

@@ -286,7 +286,7 @@
                 </div>
               </div>
 
-              <nav class="nav-wizard">
+              <nav class="nav-wizard"> <!-- FIXME: Additional class is-ready, is-not-ready -->
                 <span class="help help-inline">Once you verify your photo looks good, you can move on to step 2.</span>
 
                 <ol class="wizard-steps">