Make modal HTML valid, improve button labels

1 files changed, 10 insertions, 2 deletions

diff --git a/views/newevent.handlebars b/views/newevent.handlebars
index d8d2f28..5d254ca 100755
--- a/views/newevent.handlebars
+++ b/views/newevent.handlebars
@@ -36,7 +36,9 @@
           type="submit"
           class="btn btn-primary w-50"
           x-bind:disabled="submitting"
-        >Create</button>
+          x-bind:class="submitting ? 'btn--loading' : ''"
+          x-text="submitting ? 'Creating...' : 'Create'"
+        ></button>
       </div>
     </div>
   </form>
@@ -54,7 +56,13 @@
     {{> eventGroupForm }}
     <div class="form-group row">
       <div class="col-sm-12 pt-3 pb-3 text-center">
-        <button type="submit" class="btn btn-primary w-50" x-bind:disabled="submitting">Create</button>
+        <button
+          type="submit"
+          class="btn btn-primary w-50"
+          x-bind:disabled="submitting"
+          x-bind:class="submitting ? 'btn--loading' : ''"
+          x-text="submitting ? 'Creating...' : 'Create'"
+        ></button>
       </div>
     </div>
   </form>