From e7ddb09b417be65422f95de9010092f809eedc86 Mon Sep 17 00:00:00 2001
From: DJ2LS <DJ2LS@users.noreply.github.com>
Date: Tue, 11 Apr 2023 12:43:41 +0000
Subject: [PATCH] Prettified Code!

---
 gui/preload-main.js |   8 +-
 gui/src/index.html  | 796 ++++++++++++++++++++------------------------
 2 files changed, 359 insertions(+), 445 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index 60cf33f5..58382528 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -530,8 +530,6 @@ window.addEventListener("DOMContentLoaded", () => {
       FD.saveConfig(config, configPath);
     });
 
-
-
   // // radio settings 'rigctld' event listener
   document
     .getElementById("radio-control-switch-rigctld")
@@ -1959,9 +1957,11 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
 
   // AUDIO RECORDING
   if (arg.audio_recording == "True") {
-    document.getElementById("startStopRecording").textContent = "Stop recording";
+    document.getElementById("startStopRecording").textContent =
+      "Stop recording";
   } else {
-    document.getElementById("startStopRecording").textContent = "Start recording";
+    document.getElementById("startStopRecording").textContent =
+      "Start recording";
   }
   //CHANNEL CODEC2 BUSY STATE
   if (arg.is_codec2_traffic == "True") {
diff --git a/gui/src/index.html b/gui/src/index.html
index 145eb226..cfa35744 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -276,41 +276,30 @@
           <div class="col">
             <div class="card mb-0">
               <div class="card-header p-1">
-
-
-
-                  <div class="container">
-                    <div class="row">
-                      <div class="col-auto">
-                        <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-10">
-                        <strong class="fs-5">Audio devices</strong>
-                      </div>
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalAudio"
-                  data-bs-toggle="modal"
-                  data-bs-target="#audioHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
-                      </div>
+                <div class="container">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
+                    </div>
+                    <div class="col-10">
+                      <strong class="fs-5">Audio devices</strong>
+                    </div>
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalAudio"
+                        data-bs-toggle="modal"
+                        data-bs-target="#audioHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
                     </div>
                   </div>
-
-
-
-
-
+                </div>
               </div>
 
               <div class="card-body p-2" style="height: 100px">
@@ -337,88 +326,78 @@
                   ></select>
                 </div>
               </div>
-
             </div>
             <!--Start of TNC rig control pane-->
           </div>
           <div class="col">
             <div class="card mb-0">
               <div class="card-header p-1">
+                <div class="container">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-projector" style="font-size: 1.2rem"></i>
+                    </div>
+                    <div class="col-3">
+                      <strong class="fs-5">Rig control</strong>
+                    </div>
+                    <div class="col-7">
+                      <div
+                        class="btn-group btn-group-sm"
+                        role="group"
+                        aria-label="radio-control-switch-disabled"
+                      >
+                        <input
+                          type="radio"
+                          class="btn-check"
+                          name="radio-control-switch"
+                          id="radio-control-switch-disabled"
+                          autocomplete="off"
+                        />
+                        <label
+                          class="btn btn-sm btn-outline-secondary"
+                          for="radio-control-switch-disabled"
+                        >
+                          None / Vox
+                        </label>
 
-
-                                  <div class="container">
-                    <div class="row">
-                      <div class="col-auto">
-                        <i class="bi bi-projector" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-3">
-                        <strong class="fs-5">Rig control</strong>
-                      </div>
-                      <div class="col-7">
-                                        <div
-                  class="btn-group btn-group-sm"
-                  role="group"
-                  aria-label="radio-control-switch-disabled"
-                >
-                  <input
-                    type="radio"
-                    class="btn-check"
-                    name="radio-control-switch"
-                    id="radio-control-switch-disabled"
-                    autocomplete="off"
-                  />
-                  <label
-                    class="btn btn-sm btn-outline-secondary"
-                    for="radio-control-switch-disabled"
-                  >
-                    None / Vox
-                  </label>
-
-                  <div
-                    class="btn-group btn-group-sm"
-                    role="group"
-                    aria-label="radio-control-switch-rigctld"
-                  >
-                    <input
-                      type="radio"
-                      class="btn-check"
-                      name="radio-control-switch"
-                      id="radio-control-switch-rigctld"
-                      autocomplete="off"
-                    />
-                    <label
-                      class="btn btn-sm btn-outline-secondary"
-                      for="radio-control-switch-rigctld"
-                    >
-                      Hamlib
-                    </label>
-                  </div>
-                </div>
-
-                      </div>
-
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalRigControl"
-                  data-bs-toggle="modal"
-                  data-bs-target="#rigcontrolHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
+                        <div
+                          class="btn-group btn-group-sm"
+                          role="group"
+                          aria-label="radio-control-switch-rigctld"
+                        >
+                          <input
+                            type="radio"
+                            class="btn-check"
+                            name="radio-control-switch"
+                            id="radio-control-switch-rigctld"
+                            autocomplete="off"
+                          />
+                          <label
+                            class="btn btn-sm btn-outline-secondary"
+                            for="radio-control-switch-rigctld"
+                          >
+                            Hamlib
+                          </label>
+                        </div>
                       </div>
                     </div>
+
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalRigControl"
+                        data-bs-toggle="modal"
+                        data-bs-target="#rigcontrolHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
+                    </div>
                   </div>
-
-
-
+                </div>
               </div>
               <div class="card-body p-2" style="height: 100px">
                 <!-- RADIO CONTROL DISABLED -->
@@ -434,9 +413,7 @@
                 <div id="radio-control-rigctld">
                   <div class="input-group input-group-sm mb-1">
                     <div class="input-group input-group-sm mb-1">
-                      <span class="input-group-text"
-                        >Rigctld</span
-                      >
+                      <span class="input-group-text">Rigctld</span>
                       <span class="input-group-text">Address</span>
                       <input
                         type="text"
@@ -523,34 +500,30 @@
           <div class="col">
             <div class="card mb-1">
               <div class="card-header p-1">
-
-                                  <div class="container">
-                    <div class="row">
-                      <div class="col-auto">
-                        <i class="bi bi-house-door" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-10">
-                        <strong class="fs-5">My station</strong>
-                      </div>
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalStation"
-                  data-bs-toggle="modal"
-                  data-bs-target="#stationHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
-                      </div>
+                <div class="container">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-house-door" style="font-size: 1.2rem"></i>
+                    </div>
+                    <div class="col-10">
+                      <strong class="fs-5">My station</strong>
+                    </div>
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalStation"
+                        data-bs-toggle="modal"
+                        data-bs-target="#stationHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
                     </div>
                   </div>
+                </div>
               </div>
               <div class="card-body p-2">
                 <div class="row">
@@ -636,53 +609,49 @@
           <div class="col">
             <div class="card mb-0">
               <div class="card-header p-1 d-flex">
-                                  <div class="container">
-                    <div class="row">
-                      <div class="col-auto">
-                        <i class="bi bi-cloud-download" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-2">
-                        <strong class="fs-5">Updater</strong>
-                      </div>
-                                            <div class="col-8">
-                        <div class="progress w-100 ms-1 m-1">
-                  <div
-                    class="progress-bar"
-                    style="width: 0%"
-                    role="progressbar"
-                    id="UpdateProgressBar"
-                    aria-valuenow="0"
-                    aria-valuemin="0"
-                    aria-valuemax="100"
-                  >
-                    <span id="UpdateProgressInfo"></span>
-                  </div>
-                </div>
-                      </div>
-
-
-
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalUpdater"
-                  data-bs-toggle="modal"
-                  data-bs-target="#updaterHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
+                <div class="container">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i
+                        class="bi bi-cloud-download"
+                        style="font-size: 1.2rem"
+                      ></i>
+                    </div>
+                    <div class="col-2">
+                      <strong class="fs-5">Updater</strong>
+                    </div>
+                    <div class="col-8">
+                      <div class="progress w-100 ms-1 m-1">
+                        <div
+                          class="progress-bar"
+                          style="width: 0%"
+                          role="progressbar"
+                          id="UpdateProgressBar"
+                          aria-valuenow="0"
+                          aria-valuemin="0"
+                          aria-valuemax="100"
+                        >
+                          <span id="UpdateProgressInfo"></span>
+                        </div>
                       </div>
                     </div>
+
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalUpdater"
+                        data-bs-toggle="modal"
+                        data-bs-target="#updaterHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
+                    </div>
                   </div>
-
-
+                </div>
               </div>
               <div class="card-body p-2 mb-1">
                 <button
@@ -727,55 +696,48 @@
           <div class="col-5">
             <div class="card mb-1">
               <div class="card-header p-1">
-
-                 <div class="container">
-                    <div class="row">
-                      <div class="col-1">
-                        <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-4">
-                        <strong class="fs-5">Audio level</strong>
-                      </div>
-                       <div class="col-6">
-
-                <button
-                  type="button"
-                  id="audioModalButton"
-                  data-bs-toggle="modal"
-                  data-bs-target="#audioModal"
-                  class="btn btn-sm btn-outline-secondary"
-                >
-                  Tune
-                </button>
-                <button
-                  type="button"
-                  id="startStopRecording"
-                  class="btn btn-sm btn-outline-danger"
-                >
-                  Record audio
-                </button>
-                      </div>
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalAudioLevel"
-                  data-bs-toggle="modal"
-                  data-bs-target="#audioLevelHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
-                      </div>
+                <div class="container">
+                  <div class="row">
+                    <div class="col-1">
+                      <i class="bi bi-volume-up" style="font-size: 1.2rem"></i>
+                    </div>
+                    <div class="col-4">
+                      <strong class="fs-5">Audio level</strong>
+                    </div>
+                    <div class="col-6">
+                      <button
+                        type="button"
+                        id="audioModalButton"
+                        data-bs-toggle="modal"
+                        data-bs-target="#audioModal"
+                        class="btn btn-sm btn-outline-secondary"
+                      >
+                        Tune
+                      </button>
+                      <button
+                        type="button"
+                        id="startStopRecording"
+                        class="btn btn-sm btn-outline-danger"
+                      >
+                        Record audio
+                      </button>
+                    </div>
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalAudioLevel"
+                        data-bs-toggle="modal"
+                        data-bs-target="#audioLevelHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
                     </div>
                   </div>
-
-
+                </div>
               </div>
               <div class="card-body p-2">
                 <div class="container">
@@ -894,37 +856,30 @@
           <div class="col">
             <div class="card mb-1">
               <div class="card-header p-1">
-
-                 <div class="container">
-                    <div class="row">
-                      <div class="col-auto">
-                        <i class="bi bi-broadcast" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-10">
-                        <strong class="fs-5">Broadcasts</strong>
-                      </div>
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalBroadcasts"
-                  data-bs-toggle="modal"
-                  data-bs-target="#broadcastsHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
-                      </div>
+                <div class="container">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-broadcast" style="font-size: 1.2rem"></i>
+                    </div>
+                    <div class="col-10">
+                      <strong class="fs-5">Broadcasts</strong>
+                    </div>
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalBroadcasts"
+                        data-bs-toggle="modal"
+                        data-bs-target="#broadcastsHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
                     </div>
                   </div>
-
-
-
+                </div>
               </div>
               <div class="card-body p-2">
                 <div class="row">
@@ -1034,107 +989,100 @@
           <div class="col-5">
             <div class="card mb-1">
               <div class="card-header p-1">
-
-                 <div class="container">
-                    <div class="row">
-                      <div class="col-11">
-                                        <div
-                  class="btn-group btn-group-sm"
-                  role="group"
-                  aria-label="waterfall-scatter-switch toggle button group"
-                >
-                  <input
-                    type="radio"
-                    class="btn-check"
-                    name="waterfall-scatter-switch"
-                    id="waterfall-scatter-switch1"
-                    autocomplete="off"
-                    checked
-                  />
-                  <label
-                    class="btn btn-sm btn-outline-secondary"
-                    for="waterfall-scatter-switch1"
-                    ><strong><i class="bi bi-water"></i></strong>
-                  </label>
-                  <input
-                    type="radio"
-                    class="btn-check"
-                    name="waterfall-scatter-switch"
-                    id="waterfall-scatter-switch2"
-                    autocomplete="off"
-                  />
-                  <label
-                    class="btn btn-sm btn-outline-secondary"
-                    for="waterfall-scatter-switch2"
-                    ><strong><i class="bi bi-border-outer"></i></strong>
-                  </label>
-                  <input
-                    type="radio"
-                    class="btn-check"
-                    name="waterfall-scatter-switch"
-                    id="waterfall-scatter-switch3"
-                    autocomplete="off"
-                  />
-                  <label
-                    class="btn btn-sm btn-outline-secondary"
-                    for="waterfall-scatter-switch3"
-                    ><strong><i class="bi bi-graph-up-arrow"></i></strong>
-                  </label>
-                </div>
-                <div
-                  class="btn-group"
-                  role="group"
-                  aria-label="Busy indicators"
-                >
-                  <button
-                    class="btn btn-sm btn-secondary"
-                    id="channel_busy"
-                    type="button"
-                    data-bs-placement="top"
-                    data-bs-toggle="tooltip"
-                    data-bs-trigger="hover"
-                    data-bs-html="true"
-                    title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
-                  >
-                    busy
-                  </button>
-                  <button
-                    class="btn btn-sm btn-outline-secondary"
-                    id="c2_busy"
-                    type="button"
-                    data-bs-placement="top"
-                    data-bs-toggle="tooltip"
-                    data-bs-trigger="hover"
-                    data-bs-html="true"
-                    title="Recieving data: illuminates <strong class='text-success'>green</strong> if receiving codec2 data"
-                  >
-                    signal
-                  </button>
-                </div>
+                <div class="container">
+                  <div class="row">
+                    <div class="col-11">
+                      <div
+                        class="btn-group btn-group-sm"
+                        role="group"
+                        aria-label="waterfall-scatter-switch toggle button group"
+                      >
+                        <input
+                          type="radio"
+                          class="btn-check"
+                          name="waterfall-scatter-switch"
+                          id="waterfall-scatter-switch1"
+                          autocomplete="off"
+                          checked
+                        />
+                        <label
+                          class="btn btn-sm btn-outline-secondary"
+                          for="waterfall-scatter-switch1"
+                          ><strong><i class="bi bi-water"></i></strong>
+                        </label>
+                        <input
+                          type="radio"
+                          class="btn-check"
+                          name="waterfall-scatter-switch"
+                          id="waterfall-scatter-switch2"
+                          autocomplete="off"
+                        />
+                        <label
+                          class="btn btn-sm btn-outline-secondary"
+                          for="waterfall-scatter-switch2"
+                          ><strong><i class="bi bi-border-outer"></i></strong>
+                        </label>
+                        <input
+                          type="radio"
+                          class="btn-check"
+                          name="waterfall-scatter-switch"
+                          id="waterfall-scatter-switch3"
+                          autocomplete="off"
+                        />
+                        <label
+                          class="btn btn-sm btn-outline-secondary"
+                          for="waterfall-scatter-switch3"
+                          ><strong><i class="bi bi-graph-up-arrow"></i></strong>
+                        </label>
                       </div>
-
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalWaterfall"
-                  data-bs-toggle="modal"
-                  data-bs-target="#waterfallHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
+                      <div
+                        class="btn-group"
+                        role="group"
+                        aria-label="Busy indicators"
+                      >
+                        <button
+                          class="btn btn-sm btn-secondary"
+                          id="channel_busy"
+                          type="button"
+                          data-bs-placement="top"
+                          data-bs-toggle="tooltip"
+                          data-bs-trigger="hover"
+                          data-bs-html="true"
+                          title="Channel busy state: <strong class='text-success'>not busy</strong> / <strong class='text-danger'>busy </strong>"
+                        >
+                          busy
+                        </button>
+                        <button
+                          class="btn btn-sm btn-outline-secondary"
+                          id="c2_busy"
+                          type="button"
+                          data-bs-placement="top"
+                          data-bs-toggle="tooltip"
+                          data-bs-trigger="hover"
+                          data-bs-html="true"
+                          title="Recieving data: illuminates <strong class='text-success'>green</strong> if receiving codec2 data"
+                        >
+                          signal
+                        </button>
                       </div>
                     </div>
+
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalWaterfall"
+                        data-bs-toggle="modal"
+                        data-bs-target="#waterfallHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
+                    </div>
                   </div>
-
-
-
+                </div>
               </div>
               <div class="card-body p-1" style="height: 200px">
                 <!--278px-->
@@ -1160,37 +1108,33 @@
             <div class="card mb-1" style="height: 240px">
               <!--325px-->
               <div class="card-header p-1">
-
-                 <div class="container">
-                    <div class="row">
-                      <div class="col-auto">
-                        <i class="bi bi-list-columns-reverse" style="font-size: 1.2rem"></i>
-                      </div>
-                      <div class="col-10">
-                        <strong class="fs-5">Heard stations</strong>
-                      </div>
-                      <div class="col-1 text-end">
-
-
-<button
-                  type="button"
-                  id="openHelpModalHeardStations"
-                  data-bs-toggle="modal"
-                  data-bs-target="#heardStationsHelpModal"
-                  class="btn m-0 p-0 border-0"
-                >
-                  <i class="bi bi-question-circle" style="font-size: 1rem"></i>
-                </button>
-
-
-
-
-                      </div>
+                <div class="container">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i
+                        class="bi bi-list-columns-reverse"
+                        style="font-size: 1.2rem"
+                      ></i>
+                    </div>
+                    <div class="col-10">
+                      <strong class="fs-5">Heard stations</strong>
+                    </div>
+                    <div class="col-1 text-end">
+                      <button
+                        type="button"
+                        id="openHelpModalHeardStations"
+                        data-bs-toggle="modal"
+                        data-bs-target="#heardStationsHelpModal"
+                        class="btn m-0 p-0 border-0"
+                      >
+                        <i
+                          class="bi bi-question-circle"
+                          style="font-size: 1rem"
+                        ></i>
+                      </button>
                     </div>
                   </div>
-
-
-
+                </div>
               </div>
               <div class="card-body p-0">
                 <div class="table-responsive">
@@ -1772,10 +1716,7 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
@@ -1797,14 +1738,11 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
-        <!-- HELP MODALS STATION -->
+    <!-- HELP MODALS STATION -->
     <div
       class="modal fade"
       data-bs-backdrop="static"
@@ -1822,14 +1760,11 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
-        <!-- HELP MODALS UPDATER -->
+    <!-- HELP MODALS UPDATER -->
     <div
       class="modal fade"
       data-bs-backdrop="static"
@@ -1847,15 +1782,12 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
 
-            <!-- HELP MODALS AUDIO LEVEL -->
+    <!-- HELP MODALS AUDIO LEVEL -->
     <div
       class="modal fade"
       data-bs-backdrop="static"
@@ -1873,14 +1805,11 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
-        <!-- HELP MODALS BROADCASTS -->
+    <!-- HELP MODALS BROADCASTS -->
     <div
       class="modal fade"
       data-bs-backdrop="static"
@@ -1898,14 +1827,11 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
-        <!-- HELP MODALS WATERFALL -->
+    <!-- HELP MODALS WATERFALL -->
     <div
       class="modal fade"
       data-bs-backdrop="static"
@@ -1923,15 +1849,12 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
 
-            <!-- HELP MODALS HEARD STATIONS -->
+    <!-- HELP MODALS HEARD STATIONS -->
     <div
       class="modal fade"
       data-bs-backdrop="static"
@@ -1949,17 +1872,11 @@
               aria-label="Close"
             ></button>
           </div>
-          <div class="modal-body">
-
-            Test ...
-          </div>
+          <div class="modal-body">Test ...</div>
         </div>
       </div>
     </div>
 
-
-
-
     <!-- AUDIO MODAL -->
     <div
       class="modal fade"
@@ -2209,27 +2126,25 @@
                     <option value="alpha">alpha</option>
                   </select>
                 </div>
-<div class="input-group input-group-sm mb-1">
-  <label class="input-group-text w-50"
-    >Auto-start TNC/rigctld</label
-  >
-  <label class="input-group-text w-50">
-    <div class="form-check form-switch form-check-inline">
-      <input
-        class="form-check-input"
-        type="checkbox"
-        id="AutoStartSwitch"
-      />
-      <label class="form-check-label" for="AutoStartSwitch"
-        >Start on launch</label
-      >
-    </div>
-  </label>
-</div>
-
+                <div class="input-group input-group-sm mb-1">
+                  <label class="input-group-text w-50"
+                    >Auto-start TNC/rigctld</label
+                  >
+                  <label class="input-group-text w-50">
+                    <div class="form-check form-switch form-check-inline">
+                      <input
+                        class="form-check-input"
+                        type="checkbox"
+                        id="AutoStartSwitch"
+                      />
+                      <label class="form-check-label" for="AutoStartSwitch"
+                        >Start on launch</label
+                      >
+                    </div>
+                  </label>
+                </div>
               </div>
 
-
               <div
                 class="tab-pane"
                 id="chat"
@@ -3175,4 +3090,3 @@
     </div>
   </body>
 </html>
-