From 186cef3db9dc085e76ea6a09a0b8a12a447c0c47 Mon Sep 17 00:00:00 2001
From: Mark Haslinghuis <mark@numloq.nl>
Date: Fri, 22 Nov 2024 18:10:34 +0100
Subject: [PATCH] Fix vtx tab presentation

---
 src/css/tabs/vtx.less |  2 +-
 src/tabs/vtx.html     | 27 +++++++++++++++++++--------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/css/tabs/vtx.less b/src/css/tabs/vtx.less
index fb9d42250c..bb832480b6 100644
--- a/src/css/tabs/vtx.less
+++ b/src/css/tabs/vtx.less
@@ -26,7 +26,7 @@
                     margin-right: auto;
                 }
 			}
-            label {
+            .label {
                 width: 100%;
                 >span {
                     margin-right: auto;
diff --git a/src/tabs/vtx.html b/src/tabs/vtx.html
index 28efbaadbb..9e51c62423 100644
--- a/src/tabs/vtx.html
+++ b/src/tabs/vtx.html
@@ -40,8 +40,8 @@
                         </span>
                         <label>
                             <span class="freelabel" i18n="vtxFrequencyChannel"></span>
-                            <div class="helpicon cf_tip" i18n_title="vtxFrequencyChannelHelp"></div>
                         </label>
+                        <div class="helpicon cf_tip" i18n_title="vtxFrequencyChannelHelp"></div>
                     </div>
 
                     <div class="field number vtx_band">
@@ -52,8 +52,8 @@
                         </span>
                         <label>
                             <span i18n="vtxBand"></span>
-                            <div class="helpicon cf_tip" i18n_title="vtxBandHelp"></div>
                         </label>
+                        <div class="helpicon cf_tip" i18n_title="vtxBandHelp"></div>
                     </div>
 
                     <div class="field number vtx_channel">
@@ -64,8 +64,8 @@
                         </span>
                         <label>
                             <span i18n="vtxChannel"></span>
-                            <div class="helpicon cf_tip" i18n_title="vtxChannelHelp"></div>
                         </label>
+                        <div class="helpicon cf_tip" i18n_title="vtxChannelHelp"></div>
                     </div>
 
                     <div class="field number vtx_frequency">
@@ -74,8 +74,8 @@
                         </span>
                         <label>
                             <span i18n="vtxFrequency"></span>
-                            <div class="helpicon cf_tip" i18n_title="vtxFrequencyHelp"></div>
                         </label>
+                        <div class="helpicon cf_tip" i18n_title="vtxFrequencyHelp"></div>
                     </div>
 
                     <div class="field number vtx_power">
@@ -84,7 +84,9 @@
                                 <!-- Power options generated here from the js -->
                             </select>
                         </span>
-                        <span i18n="vtxPower"></span>
+                        <label>
+                            <span i18n="vtxPower"></span>
+                        </label>
                         <div class="helpicon cf_tip" i18n_title="vtxPowerHelp"></div>
                     </div>
 
@@ -92,7 +94,9 @@
                         <span class="checkboxspacer">
                             <input type="checkbox" id="vtx_pit_mode" class="toggle" />
                         </span>
-                        <span class="freelabel" i18n="vtxPitMode"></span>
+                        <label>
+                            <span class="freelabel" i18n="vtxPitMode"></span>
+                        </label>
                         <div class="helpicon cf_tip" i18n_title="vtxPitModeHelp"></div>
                     </div>
 
@@ -100,7 +104,9 @@
                         <span class="numberspacer">
                             <input class="frequency_input" type="number" id="vtx_pit_mode_frequency" min="0" max="5999">
                         </span>
-                        <span i18n="vtxPitModeFrequency"></span>
+                        <label>
+                            <span i18n="vtxPitModeFrequency"></span>
+                        </label>
                         <div class="helpicon cf_tip" i18n_title="vtxPitModeFrequencyHelp"></div>
                     </div>
 
@@ -112,7 +118,9 @@
                                 <option value="2" i18n="vtxLowPowerDisarmOption_2"></option>
                             </select>
                         </span>
-                        <span class="freelabel" i18n="vtxLowPowerDisarm"></span>
+                        <label>
+                            <span i18n="vtxLowPowerDisarm"></span>
+                        </label>
                         <div class="helpicon cf_tip" i18n_title="vtxLowPowerDisarmHelp"></div>
                     </div>
                 </div>
@@ -182,6 +190,9 @@
                             <label>
                                 <span i18n="vtxTableBands"></span>
                             </label>
+                            <div class="helpicon cf_tip" i18n_title="vtxTableBandsHelp"></div>
+                        </div>
+                        <div class="field number vtx_table_channels">
                             <span class="numberspacer">
                                 <input class="one_digit_input" type="number" id="vtx_table_channels" min="0" max="8">
                             </span>