From c52fca4b5a5d27da5edd9eb9b58781276f01d5f2 Mon Sep 17 00:00:00 2001
From: Skylar Grant <sky@vfsh.dev>
Date: Fri, 17 Nov 2023 10:31:01 -0500
Subject: [PATCH] Tweak display of elements

---
 www/views/index.html | 38 ++++++++++++++++++++++----------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/www/views/index.html b/www/views/index.html
index 6f6bfaa..95db5b1 100644
--- a/www/views/index.html
+++ b/www/views/index.html
@@ -21,25 +21,25 @@
         </div>
         <div id="status" class="row">
             <!--
-                | Auger     | rows[0].cells[1]
-                | Igniter   | rows[1].cells[1]
-                | Exhaust   | rows[2].cells[1]
+                | Igniter   | rows[0].cells[1]
+                | Exhaust   | rows[1].cells[1]
+                | Auger     | rows[2].cells[1]
                 | Feed Rate | rows[3].cells[1]
             -->
 
             <table id="status-table" class="table table-bordered col-sm-12 col-md-6">
                 <tr>
+                    <tr>
+                        <td>Igniter</td>
+                        <td></td>
+                    </tr>
+                    <tr>
+                        <td>Exhaust</td>
+                        <td></td>
+                    </tr>
                     <td>Auger</td>
                     <td></td>
                 </tr>
-                <tr>
-                    <td>Igniter</td>
-                    <td></td>
-                </tr>
-                <tr>
-                    <td>Exhaust</td>
-                    <td></td>
-                </tr>
                 <tr>
                     <td>Feed Rate</td>
                     <td></td>
@@ -53,13 +53,19 @@
             <form action="/" method="post">
                 <!-- Start | Shutdown | Reload Settings -->
                 <div class="button-container d-flex justify-content-between">
-                    <input class="btn btn-outline-secondary" type="submit" id="auger-on" value="Enable Auger" name="augerOn">
-                    <input class="btn btn-outline-secondary" type="submit" id="auger-off" value="Disable Auger" name="augerOff">
                     <input class="btn btn-outline-secondary" type="submit" id="igniter-on" value="Enable Igniter" name="igniterOn">
                     <input class="btn btn-outline-secondary" type="submit" id="igniter-off" value="Disable Igniter" name="igniterOff">
+                </div>
+                <div class="button-container d-flex justify-content-between">
                     <input class="btn btn-outline-secondary" type="submit" id="exhaust-on" value="Enable Exhaust" name="exhaustOn">
                     <input class="btn btn-outline-secondary" type="submit" id="exhaust-off" value="Disable Exhaust" name="exhaustOff">
                 </div>
+                <div class="button-container d-flex justify-content-between">
+                    <input class="btn btn-outline-secondary" type="submit" id="auger-on" value="Enable Auger" name="augerOn">
+                    <input class="btn btn-outline-secondary" type="submit" id="auger-off" value="Disable Auger" name="augerOff">
+                </div>
+
+
                 <!-- Set feed rates -->
                 <div class="form-group">
                     <label for="feedRate">Feed Rate: </label>
@@ -125,9 +131,9 @@
 
                 // Get the elements we need to update
                 const statusTable = document.getElementById('status-table');
-                const augerStatus = statusTable.rows[0].cells[1];
-                const igniterStatus = statusTable.rows[1].cells[1];
-                const exhaustStatus = statusTable.rows[2].cells[1]
+                const igniterStatus = statusTable.rows[0].cells[1];
+                const exhaustStatus = statusTable.rows[1].cells[1];
+                const augerStatus = statusTable.rows[2].cells[1];
                 const feedRate = statusTable.rows[3].cells[1];
                 const feedRateSelect = document.getElementById('feed-rate-select');