From e032fb666f3af7062e1f2e213eb1dac2c57fc63e Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Sun, 5 Mar 2023 16:58:46 +1000
Subject: [PATCH] use correct components

---
 resources/js/views/EmailVerify.vue       | 22 +++++++++++-----------
 resources/js/views/Register.vue          |  8 ++++----
 resources/js/views/ResendEmailVerify.vue | 10 +++++-----
 resources/js/views/ResetPassword.vue     |  8 ++++----
 4 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/resources/js/views/EmailVerify.vue b/resources/js/views/EmailVerify.vue
index 66edda9..aaacd22 100644
--- a/resources/js/views/EmailVerify.vue
+++ b/resources/js/views/EmailVerify.vue
@@ -4,16 +4,16 @@
             <SMDialog class="mt-5" narrow>
                 <template v-if="!formDone">
                     <h1>Email Verify</h1>
+                    <p>
+                        Enter your verification code below. If you have not yet
+                        received one,
+                        <router-link to="/resend-verify-email"
+                            >request a new code</router-link
+                        >.
+                    </p>
                     <SMForm v-model="form" @submit="handleSubmit">
                         <SMInput control="code" />
                         <SMFormFooter>
-                            <template #left>
-                                <div class="small">
-                                    <router-link to="/resend-verify-email"
-                                        >Resend Code</router-link
-                                    >
-                                </div>
-                            </template>
                             <template #right>
                                 <SMButton
                                     type="submit"
@@ -28,11 +28,11 @@
                     <p class="text-center">
                         Hurrah, Your email has been verified!
                     </p>
-                    <SMRow class="pb-2">
-                        <SMColumn class="justify-content-center">
+                    <SMFormFooter>
+                        <template #right>
                             <SMButton :to="{ name: 'login' }" label="Login" />
-                        </SMColumn>
-                    </SMRow>
+                        </template>
+                    </SMFormFooter>
                 </template>
             </SMDialog>
         </SMRow>
diff --git a/resources/js/views/Register.vue b/resources/js/views/Register.vue
index 1093039..512cdd3 100644
--- a/resources/js/views/Register.vue
+++ b/resources/js/views/Register.vue
@@ -58,11 +58,11 @@
                         An email has been sent to you to confirm your details
                         and to finish registering your account.
                     </p>
-                    <SMRow class="pb-2">
-                        <SMColumn class="justify-content-center">
+                    <SMFormFooter>
+                        <template #right>
                             <SMButton :to="{ name: 'home' }" label="Home" />
-                        </SMColumn>
-                    </SMRow>
+                        </template>
+                    </SMFormFooter>
                 </template>
             </SMDialog>
         </template>
diff --git a/resources/js/views/ResendEmailVerify.vue b/resources/js/views/ResendEmailVerify.vue
index 1be8fce..95aee1d 100644
--- a/resources/js/views/ResendEmailVerify.vue
+++ b/resources/js/views/ResendEmailVerify.vue
@@ -1,7 +1,7 @@
 <template>
     <SMPage no-breadcrumbs background="/img/background.jpg">
         <SMRow>
-            <SMDialog narrow>
+            <SMDialog class="mt-5" narrow>
                 <template v-if="!formDone">
                     <h1>Resend Verify Email</h1>
                     <SMForm v-model="form" @submit="handleSubmit">
@@ -31,11 +31,11 @@
                         to verify your email, you will receive an email with a
                         new verify code.
                     </p>
-                    <SMRow class="pb-2">
-                        <SMColumn class="justify-content-center">
+                    <SMFormFooter>
+                        <template #right>
                             <SMButton :to="{ name: 'home' }" label="Home" />
-                        </SMColumn>
-                    </SMRow>
+                        </template>
+                    </SMFormFooter>
                 </template>
             </SMDialog>
         </SMRow>
diff --git a/resources/js/views/ResetPassword.vue b/resources/js/views/ResetPassword.vue
index 0b9d7cd..0169650 100644
--- a/resources/js/views/ResetPassword.vue
+++ b/resources/js/views/ResetPassword.vue
@@ -30,11 +30,11 @@
                     <p class="text-center">
                         Hurrah, Your password has been changed!
                     </p>
-                    <SMRow class="pb-2">
-                        <SMColumn class="justify-content-center">
+                    <SMFormFooter>
+                        <template #right>
                             <SMButton :to="{ name: 'login' }" label="Login" />
-                        </SMColumn>
-                    </SMRow>
+                        </template>
+                    </SMFormFooter>
                 </template>
             </SMDialog>
         </SMRow>