From 5c987a87cbb00e7b750300feeac19e293dbafa3c Mon Sep 17 00:00:00 2001
From: Jonathan Cobb <jonathan@kyuss.org>
Date: Tue, 4 Feb 2020 19:08:07 -0500
Subject: [PATCH] try to show login errors better

---
 src/auth/LoginPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/auth/LoginPage.vue b/src/auth/LoginPage.vue
index 25f3d64..fa6403c 100644
--- a/src/auth/LoginPage.vue
+++ b/src/auth/LoginPage.vue
@@ -6,18 +6,18 @@
                 <label for="name">{{messages.field_label_username}}</label>
                 <input type="text" v-model="name" name="name" class="form-control" :class="{ 'is-invalid': submitted && !name }" />
                 <div v-show="submitted && !name" class="invalid-feedback">Name is required</div>
-                <div v-if="submitted && errors.has('account')" class="invalid-feedback">{{ errors.first('account') }}</div>
+                <div v-if="submitted && errors.has('account')" class="invalid-feedback d-block">{{ errors.first('account') }}</div>
             </div>
             <div class="form-group">
                 <label htmlFor="password">{{messages.field_label_password}}</label>
                 <input type="password" v-model="password" name="password" class="form-control" :class="{ 'is-invalid': submitted && !password }" />
-                <div v-show="submitted && !password" class="invalid-feedback">Password is required</div>
+                <div v-show="submitted && !password" class="invalid-feedback d-block">Password is required</div>
             </div>
             <div v-if="configs && configs.locked === true" class="form-group">
                 <label htmlFor="unlockKey">{{messages.field_label_unlock_key}}</label>
                 <input type="password" v-model="unlockKey" name="unlockKey" class="form-control" :class="{ 'is-invalid': submitted && !unlockKey }" />
                 <div v-show="submitted && !unlockKey" class="invalid-feedback">Unlock Key is required</div>
-                <div v-if="submitted && errors.has('unlockKey')" class="invalid-feedback">{{ errors.first('unlockKey') }}</div>
+                <div v-if="submitted && errors.has('unlockKey')" class="invalid-feedback d-block">{{ errors.first('unlockKey') }}</div>
             </div>
             <div class="form-group">
                 <button class="btn btn-primary" :disabled="status.loggingIn">{{messages.button_label_login}}</button>