UX: Proper loading spinner on create account

app/assets/javascripts/discourse/templates/modal/create-account.hbs

@@ -88,13 +88,11 @@
   {{#if showCreateForm}}
     <div class="modal-footer">
       <button class='btn btn-large btn-primary' {{bind-attr disabled="submitDisabled"}} {{action "createAccount"}}>{{i18n create_account.title}}</button>
-      {{#if formSubmitted}}
-        &nbsp; <i class='fa fa-spinner fa-spin'></i>
-      {{else}}
+      {{#loading-spinner condition=formSubmitted class="create-spinner"}}
         <button class="btn btn-large" id="login-link" {{action "showLogin"}}>
           {{i18n log_in}}
         </button>
-      {{/if}}
+      {{/loading-spinner}}
     </div>
   {{/if}}
 {{/unless}}

app/assets/stylesheets/common/base/modal.scss

@@ -74,7 +74,7 @@
   margin-left: 15px;
   padding: 14px 15px 15px;
   border-top: 1px solid scale-color-diff();
-  .login-spinner {
+  .login-spinner, .create-spinner {
     display: inline-block;
     margin: 0;
     .spinner {