move tnc mode to bottom of page

liamcottle · Dec 19, 2024 · 3bedd98 · 3bedd98
1 parent 028571e
commit 3bedd98
Showing 1 changed file with 37 additions and 37 deletions.
diff --git a/index.html b/index.html
@@ -227,6 +227,43 @@
 
     </div>
 
+    <div class="border bg-gray-50 rounded shadow">
+
+        <div class="border-b px-2 py-1">
+            Configure Bluetooth (optional)
+        </div>
+
+        <div class="border-b px-2 py-1 text-sm">
+            <div>• Bluetooth is not supported on all devices.</div>
+            <div>• Some devices use Bluetooth Classic, and some use BLE (Bluetooth Low Energy)</div>
+            <div>• Put the RNode into Bluetooth Pairing mode, then connect to it from Android Bluetooth settings.</div>
+            <div>• Once you have initiated a pair request from Android, a PIN should show on the RNode display.</div>
+            <div>• In Sideband you will need to enable <u>Connect using Bluetooth</u> in <u>Hardware → RNode</u>.</div>
+            <div>• If your device uses BLE you will also need to enable <u>Device requires BLE</u> in <u>Hardware → RNode</u>.</div>
+        </div>
+
+        <div class="p-3">
+            <div class="space-x-1">
+                <button @click="enableBluetooth" class="border border-gray-500 px-2 bg-gray-100 hover:bg-gray-200 rounded">
+                    Enable
+                </button>
+                <button @click="disableBluetooth" class="border border-gray-500 px-2 bg-gray-100 hover:bg-gray-200 rounded">
+                    Disable
+                </button>
+                <button @click="startBluetoothPairing" class="border border-gray-500 px-2 bg-gray-100 hover:bg-gray-200 rounded">
+                    Start Pairing
+                </button>
+            </div>
+        </div>
+
+        <div class="border-t px-2 py-1">
+            <div class="text-sm space-x-1">
+                Bluetooth is not supported on all devices.
+            </div>
+        </div>
+
+    </div>
+
     <div class="border bg-gray-50 rounded shadow">
 
         <div class="border-b px-2 py-1">
@@ -280,43 +317,6 @@
 
     </div>
 
-    <div class="border bg-gray-50 rounded shadow">
-
-        <div class="border-b px-2 py-1">
-            Configure Bluetooth (optional)
-        </div>
-
-        <div class="border-b px-2 py-1 text-sm">
-            <div>• Bluetooth is not supported on all devices.</div>
-            <div>• Some devices use Bluetooth Classic, and some use BLE (Bluetooth Low Energy)</div>
-            <div>• Put the RNode into Bluetooth Pairing mode, then connect to it from Android Bluetooth settings.</div>
-            <div>• Once you have initiated a pair request from Android, a PIN should show on the RNode display.</div>
-            <div>• In Sideband you will need to enable <u>Connect using Bluetooth</u> in <u>Hardware → RNode</u>.</div>
-            <div>• If your device uses BLE you will also need to enable <u>Device requires BLE</u> in <u>Hardware → RNode</u>.</div>
-        </div>
-
-        <div class="p-3">
-            <div class="space-x-1">
-                <button @click="enableBluetooth" class="border border-gray-500 px-2 bg-gray-100 hover:bg-gray-200 rounded">
-                    Enable
-                </button>
-                <button @click="disableBluetooth" class="border border-gray-500 px-2 bg-gray-100 hover:bg-gray-200 rounded">
-                    Disable
-                </button>
-                <button @click="startBluetoothPairing" class="border border-gray-500 px-2 bg-gray-100 hover:bg-gray-200 rounded">
-                    Start Pairing
-                </button>
-            </div>
-        </div>
-
-        <div class="border-t px-2 py-1">
-            <div class="text-sm space-x-1">
-                Bluetooth is not supported on all devices.
-            </div>
-        </div>
-
-    </div>
-
 </div>
 
 <!-- setup web-serial-polyfill -->