From d796722772850e5a813e174dd5cea9ff458b838d Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Sat, 1 Feb 2025 23:47:40 +1300
Subject: [PATCH] fix layout for save interface button

---
 .../components/interfaces/AddInterfacePage.vue   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/frontend/components/interfaces/AddInterfacePage.vue b/src/frontend/components/interfaces/AddInterfacePage.vue
index f54580c..8a2ba91 100644
--- a/src/frontend/components/interfaces/AddInterfacePage.vue
+++ b/src/frontend/components/interfaces/AddInterfacePage.vue
@@ -1007,13 +1007,17 @@
 
         </div>
 
+          <div class="p-2">
+
+              <!-- add button -->
+              <button @click="addInterface" type="button"
+                      class="bg-green-500 hover:bg-green-400 focus-visible:outline-green-500 my-auto inline-flex items-center gap-x-1 rounded-md p-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2  dark:text-white dark:focus:ring-blue-600 dark:focus:border-blue-600">
+                  <span v-if="isEditingInterface">Save Interface</span>
+                  <span v-else>Add Interface</span>
+              </button>
+
+          </div>
 
-        <!-- add button -->
-        <button @click="addInterface" type="button"
-                class="mb-4 bg-green-500 hover:bg-green-400 focus-visible:outline-green-500 my-auto inline-flex items-center gap-x-1 rounded-md p-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2  dark:text-white dark:focus:ring-blue-600 dark:focus:border-blue-600">
-          <span v-if="isEditingInterface">Save Interface</span>
-          <span v-else>Add Interface</span>
-        </button>
       </div>
 
     </div>