From dff99216a3b41c653071a3ac6829470bd21050a6 Mon Sep 17 00:00:00 2001
From: Justin <justinodunn@hotmail.com>
Date: Wed, 19 Jul 2023 16:10:14 +0800
Subject: [PATCH] cleaned up join network buttons and connection status

---
 templates/index.html | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 63a3305..60da11a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -8645,28 +8645,27 @@
               </div>
 
             </div>
-
+            
             <div>
-
-              
-
             </div>
 
           </div>
 
-          <button class="btn set-btn" id="join-network-btn" onClick=showDivTwo()>
-
-            Join Network
-
-          </button>
-
-          <div id="network-status" style="padding-left:2%;padding-right:2%"></div>
-
-          <div class="status rounded-circle" id="circle-1" style="display:none"></div>
-
-          <div class="status rounded-circle" id="circle-2" style="display:none"></div>
-
-          <div class="status rounded-circle" id="circle-3" style="display:none"></div>
+          <div class="col-auto" >
+            <button class="btn set-btn" id="scan-network-btn" onClick=scanNetworks() style="margin-bottom: 15%;">
+              Scan Networks
+            </button>
+            <br>
+            <button class="btn set-btn" id="join-network-btn" onClick=showDivTwo()>
+              Join Network
+            </button>
+            <div class="col-auto" style="display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 10%;">
+              <div id="network-status" style="padding-left:2%;padding-right:2%"> </div>
+              <div class="status rounded-circle" id="circle-1" style="display:none"></div>
+              <div class="status rounded-circle" id="circle-2" style="display:none"></div>
+              <div class="status rounded-circle" id="circle-3" style="display:none"></div>
+            </div>
+          </div>
 
         </div>