From cbdad79c90ec46c9cac87c1c72bbaafce4376c8c Mon Sep 17 00:00:00 2001
From: Angus McLeod <angus@mcleod.org.au>
Date: Mon, 25 Dec 2017 21:29:06 +0800
Subject: [PATCH] Better placement of step loading spinner

---
 .../templates/components/wizard-step.hbs      | 22 ++++++++-----------
 assets/stylesheets/wizard/wizard_custom.scss  |  8 +++----
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/assets/javascripts/wizard/templates/components/wizard-step.hbs b/assets/javascripts/wizard/templates/components/wizard-step.hbs
index de068ca9..8348c769 100644
--- a/assets/javascripts/wizard/templates/components/wizard-step.hbs
+++ b/assets/javascripts/wizard/templates/components/wizard-step.hbs
@@ -32,28 +32,24 @@
       <a href {{action "quit"}} class='action-link quit' tabindex="11">{{i18n "wizard.quit"}}</a>
     {{/if}}
 
-    {{#if showBackButton}}
-      <a href {{action "backStep"}} class='action-link back' tabindex="11">{{i18n "wizard.back"}}</a>
+    {{#if saving}}
+      {{loading-spinner size='small'}}
+    {{else}}
+      {{#if showBackButton}}
+        <a href {{action "backStep"}} class='action-link back' tabindex="11">{{i18n "wizard.back"}}</a>
+      {{/if}}
     {{/if}}
 
     {{#if showNextButton}}
       <button class='wizard-btn next primary' {{action "nextStep"}} disabled={{saving}} tabindex="10">
-        {{#if saving}}
-          {{loading-spinner size='small'}}
-        {{else}}
-          {{i18n "wizard.next"}}
-          {{d-icon "chevron-right"}}
-        {{/if}}
+        {{i18n "wizard.next"}}
+        {{d-icon "chevron-right"}}
       </button>
     {{/if}}
 
     {{#if showDoneButton}}
       <button class='wizard-btn done' {{action "done"}} disabled={{saving}} tabindex="10">
-        {{#if saving}}
-          {{loading-spinner size='small'}}
-        {{else}}
-          {{i18n "wizard.done"}}
-        {{/if}}
+        {{i18n "wizard.done"}}
       </button>
     {{/if}}
   </div>
diff --git a/assets/stylesheets/wizard/wizard_custom.scss b/assets/stylesheets/wizard/wizard_custom.scss
index 1238f069..24930ee6 100644
--- a/assets/stylesheets/wizard/wizard_custom.scss
+++ b/assets/stylesheets/wizard/wizard_custom.scss
@@ -115,13 +115,13 @@
     padding: 0;
   }
 
-  .wizard-buttons > a, .wizard-buttons > button {
+  .wizard-buttons > a, .wizard-buttons > button, .spinner {
     display: inline-block;
     vertical-align: middle;
+  }
 
-    &.done {
-      min-width: 55px;
-    }
+  .spinner.small {
+    margin-right: 10px;
   }
 }