From c5a6b935efaaf8f50f4f5011729a0395144a8506 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 25 Jan 2023 00:42:17 +1000
Subject: [PATCH] fix footer buttons

---
 resources/js/views/dashboard/UserEdit.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/resources/js/views/dashboard/UserEdit.vue b/resources/js/views/dashboard/UserEdit.vue
index 304d3dd..52c56f8 100644
--- a/resources/js/views/dashboard/UserEdit.vue
+++ b/resources/js/views/dashboard/UserEdit.vue
@@ -45,13 +45,15 @@
                         /></SMColumn>
                     </SMRow>
                     <SMRow>
-                        <SMColumn class="form-group justify-content-end">
-                            <SMButton
-                                type="secondary"
-                                label="Change Password"
-                                @click.prevent="handleChangePassword" />
-                            <SMButton type="submit" label="Update" />
-                        </SMColumn>
+                        <SMFormFooter>
+                            <template #right>
+                                <SMButton
+                                    type="secondary"
+                                    label="Change Password"
+                                    @click.prevent="handleChangePassword" />
+                                <SMButton type="submit" label="Update" />
+                            </template>
+                        </SMFormFooter>
                     </SMRow>
                 </form>
             </SMDialog>
@@ -66,6 +68,7 @@ import SMButton from "../../components/SMButton.vue";
 import SMDialog from "../../components/SMDialog.vue";
 import SMMessage from "../../components/SMMessage.vue";
 import SMHeading from "../../components/SMHeading.vue";
+import SMFormFooter from "../../components/SMFormFooter.vue";
 import axios from "axios";
 import {
     useValidation,