Updated Payment Buttons

The payment buttons now match the style of the verified upgrade buttons.

XCOM-422

lms/static/js/verify_student/views/make_payment_step_view.js

@@ -68,6 +68,9 @@ var edx = edx || {};
                     templateContext.requirements,
                     function( isVisible ) { return isVisible; }
                 ),
+                // This a hack to appease /lms/static/js/spec/verify_student/pay_and_verify_view_spec.js,
+                // which does not load an actual template context.
+                processors = templateContext.processors || [],
                 self = this;
 
             // Track a virtual pageview, for easy funnel reconstruction.
@@ -100,7 +103,7 @@ var edx = edx || {};
             );
 
             // create a button for each payment processor
-            _.each(templateContext.processors, function(processorName) {
+            _.each(processors.reverse(), function(processorName) {
                 $( 'div.payment-buttons' ).append( self._getPaymentButtonHtml(processorName) );
             });
 

lms/static/sass/_developer.scss

@@ -69,7 +69,7 @@
     @include margin-left( ($baseline/2) );
     
     &.is-selected {
-      background: $m-blue-d3 !important;
+      background: $m-green-s1 !important;
     }
   }
 }

lms/static/sass/views/_verification.scss

@@ -165,7 +165,7 @@
 
   // elements - controls
   .action-primary {
-    @extend %btn-primary-blue;
+    @extend %btn-verify-primary;
     // needed for override due to .register a:link styling
     border: 0 !important;
     color: $white !important;