Fix vtx tab presentation (#4257)

betaflight · Nov 22, 2024 · 8dd6d1b · 8dd6d1b
1 parent a57299d
commit 8dd6d1b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 9 deletions.
diff --git 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
@@ -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,23 +84,29 @@
                                 <!-- 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>
 
                     <div class="field checkbox vtx_pit_mode">
                         <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>
 
                     <div class="field number vtx_pit_mode_frequency">
                         <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>