UX: De-emphasize back/quit buttons in the wizard

app/assets/javascripts/wizard/templates/components/wizard-step.hbs

@@ -22,17 +22,11 @@
 
   <div class='wizard-buttons'>
     {{#if showQuitButton}}
-      <button class='wizard-btn danger' {{action "quit"}} disabled={{saving}}>
-        {{fa-icon "chevron-left"}}
-        {{i18n "wizard.quit"}}
-      </button>
+      <a href {{action "quit"}} class='action-link quit'>{{i18n "wizard.quit"}}</a>
     {{/if}}
 
     {{#if showBackButton}}
-      <button class='wizard-btn back' {{action "backStep"}} disabled={{saving}}>
-        {{fa-icon "chevron-left"}}
-        {{i18n "wizard.back"}}
-      </button>
+      <a href {{action "backStep"}} class='action-link back'>{{i18n "wizard.back"}}</a>
     {{/if}}
 
     {{#if showNextButton}}

app/assets/javascripts/wizard/test/acceptance/wizard-test.js.es6

@@ -61,10 +61,10 @@ test("Going back and forth in steps", assert => {
 
     assert.ok(!exists('.wizard-btn.next'));
     assert.ok(exists('.wizard-btn.done'), 'last step shows a done button');
-    assert.ok(exists('.wizard-btn.back'), 'shows the back button');
+    assert.ok(exists('.action-link.back'), 'shows the back button');
   });
 
-  click('.wizard-btn.back');
+  click('.action-link.back');
   andThen(() => {
     assert.ok(exists('.wizard-step-title'));
     assert.ok(exists('.wizard-btn.next'));

app/assets/stylesheets/wizard.scss

@@ -71,6 +71,12 @@ body.wizard {
     }
   }
 
+  .action-link {
+    margin-right: 1em;
+    text-decoration: none;
+    color: #6699ff;
+  }
+
   .wizard-btn {
     border-radius: 2px;
     font-size: 1.0em;