From 4485d14c5dd0ef37639aecd9bbf3886928f87f19 Mon Sep 17 00:00:00 2001
From: Skylar Grant <sky@vfsh.dev>
Date: Thu, 15 Aug 2024 10:45:04 -0400
Subject: [PATCH] Move buttons outside of form

---
 src/index.html | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/index.html b/src/index.html
index 9b79d91..ded3718 100644
--- a/src/index.html
+++ b/src/index.html
@@ -41,18 +41,16 @@
                     </tr>
                 </tbody>
             </table>
+            <div class="button-container flex">
+                <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="igniter-toggle-btn" value="Toggle Igniter" name="igniterToggle" onclick="power('igniter')">
+            </div>
+            <div class="button-container flex mt-4">
+                <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="exhaust-toggle-btn" value="Toggle Exhaust" name="exhaustToggle" onclick="power('exhaust')">
+            </div>
+            <div class="button-container flex mt-4">
+                <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle" onclick="power('auger')">
+            </div>
             <form action="/" method="post">
-                <!-- Start | Shutdown | Reload Settings -->
-                <div class="button-container flex">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="igniter-toggle-btn" value="Toggle Igniter" name="igniterToggle" onclick="power('igniter')">
-                </div>
-                <div class="button-container flex mt-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="exhaust-toggle-btn" value="Toggle Exhaust" name="exhaustToggle" onclick="power('exhaust')">
-                </div>
-                <div class="button-container flex mt-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 w-full rounded mx-auto" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle" onclick="power('auger')">
-                </div>
-
                 <!-- Set feed rates -->
                 <div class="form-group mt-4">
                     <label for="feedRate" class="block text-sm font-medium text-purple-400">Feed Rate:</label>