Ensure invalid checkbox is animated

assets/javascripts/wizard/initializers/custom.js.es6

@@ -41,6 +41,12 @@ export default {
     WizardStep.reopen({
       classNameBindings: ['step.id'],
 
+      animateInvalidFields() {
+        Ember.run.scheduleOnce('afterRender', () => {
+          $('.invalid input[type=text], .invalid textarea, .invalid input[type=checkbox]').wiggle(2, 100);
+        });
+      },
+
       ensureStartsAtTop: function() {
         window.scrollTo(0,0);
       }.observes('step.id'),

assets/stylesheets/wizard/wizard_custom.scss

@@ -408,6 +408,11 @@ img.avatar {
   }
 }
 
+.checkbox-field.invalid .input-area {
+  padding: 3px;
+  border: 4px solid red;
+}
+
 @keyframes rotate-forever {
   0% {
     transform: rotate(0deg);