Add wizard & step classes && add some 3rd party css (to be removed)

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

@@ -32,6 +32,8 @@ export default {
     });
 
     WizardStep.reopen({
+      classNameBindings: ['step.id'],
+
       showQuitButton: function() {
         const index = this.get('step.index');
         const required = this.get('wizard.required');

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

@@ -19,6 +19,7 @@ export default Ember.Route.extend({
     const background = model ? model.get('background') : 'AliceBlue';
     Ember.run.scheduleOnce('afterRender', this, function(){
       $('body.custom-wizard').css('background', background);
+      $('#custom-wizard-main').addClass(model.get('id').dasherize());
     });
 
     controller.setProperties({

assets/stylesheets/wizard/wizard_custom.scss

@@ -14,6 +14,10 @@
       margin-right: 7px;
     }
 
+    .image-container {
+      margin: 10px 0;
+    }
+
     img.large {
       width: 250;
       padding: 25px;;
@@ -186,3 +190,15 @@
     transform: rotate(360deg);
   }
 }
+
+// 3rd party styles TO BE REMOVED / REFACTORED
+
+#custom-wizard-main.place-petition {
+  .wizard-step.intro .image-container {
+    margin: 30px 0;
+
+    img {
+      padding: 20px 40px;
+    }
+  }
+}