From c7ffc0c296cd771ca0bc89ed6f3f8b47fb6c4fa0 Mon Sep 17 00:00:00 2001
From: Skylar Grant <sky@vfsh.dev>
Date: Wed, 14 Aug 2024 20:34:31 -0400
Subject: [PATCH] Update styling

---
 src/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/index.html b/src/index.html
index fc55e96..b82cd16 100644
--- a/src/index.html
+++ b/src/index.html
@@ -43,14 +43,14 @@
             </table>
             <form action="/" method="post">
                 <!-- Start | Shutdown | Reload Settings -->
-                <div class="button-container flex justify-between space-x-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="igniter-toggle-btn" value="Toggle Igniter" name="igniterToggle">
+                <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">
                 </div>
-                <div class="button-container flex justify-between space-x-4 mt-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="exhaust-toggle-btn" value="Toggle Exhaust" name="exhaustToggle">
+                <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">
                 </div>
-                <div class="button-container flex justify-between space-x-4 mt-4">
-                    <input class="btn bg-gray-700 hover:bg-purple-600 text-white py-2 px-4 rounded" type="submit" id="auger-toggle-btn" value="Toggle Auger" name="augerToggle">
+                <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">
                 </div>
 
                 <!-- Set feed rates -->
@@ -65,7 +65,7 @@
                     </select>
                 </div>
                 <div class="button-container flex justify-end mt-4">
-                    <input class="btn bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded" type="submit" id="reload" value="Set Feed Rate" name="reload">
+                    <input class="btn bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded w-full" type="submit" id="reload" value="Set Feed Rate" name="reload">
                 </div>
             </form>
         </div>