From b699a44a5735d13faa84d2476befe256d3f0d81f Mon Sep 17 00:00:00 2001
From: HThuren <99370924+HThuren@users.noreply.github.com>
Date: Thu, 2 Nov 2023 21:21:28 +0100
Subject: [PATCH] Servo tab: Rearrange mid, min, max and translate Rate:
 (#3623)

Rearrange mid, min, max and translate Rate:
---
 locales/en/messages.json | 8 ++++++--
 src/js/tabs/servos.js    | 7 ++++---
 src/tabs/servos.html     | 2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/locales/en/messages.json b/locales/en/messages.json
index 93adc0b60c..1cc37aab6e 100755
--- a/locales/en/messages.json
+++ b/locales/en/messages.json
@@ -2704,8 +2704,12 @@
     "servosAngleAtMax": {
         "message": "Angle at max"
     },
-    "servosDirectionAndRate": {
-        "message": "Direction and rate"
+    "servosRateAndDirection": {
+        "message": "Rate and direction"
+    },
+    "servosRate": {
+        "message": "Rate:",
+        "description": "Label for 'Rate:' direction"
     },
     "servosLiveMode": {
         "message": "Enable Live mode"
diff --git a/src/js/tabs/servos.js b/src/js/tabs/servos.js
index e2d995bfc4..0e16ed914f 100644
--- a/src/js/tabs/servos.js
+++ b/src/js/tabs/servos.js
@@ -50,7 +50,7 @@ servos.initialize = function (callback) {
         for (let i = 0; i < FC.RC.active_channels-4; i++) {
             servoHeader += `<th>A${(i+1)}</th>`;
         }
-        servoHeader += '<th style="width: 110px" i18n="servosDirectionAndRate"></th>';
+        servoHeader += '<th style="width: 110px" i18n="servosRateAndDirection"></th>';
 
         for (let i = 0; i < FC.RC.active_channels; i++) {
             servoCheckbox += `<td class="channel"><input type="checkbox"/></td>`;
@@ -69,8 +69,8 @@ servos.initialize = function (callback) {
             const subElement = `<input type="number" min="500" max="2500" value="`;
 
             let element = `<tr><td style="text-align: center">${name}</td>`;
-            element += `<td class="middle">${subElement}${FC.SERVO_CONFIG[obj].middle}" /></td>`;
             element += `<td class="min">${subElement}${FC.SERVO_CONFIG[obj].min}" /></td>`;
+            element += `<td class="middle">${subElement}${FC.SERVO_CONFIG[obj].middle}" /></td>`;
             element += `<td class="max">${subElement}${FC.SERVO_CONFIG[obj].max}" /></td>`;
             element += `${servoCheckbox}<td class="direction"></td></tr>`;
 
@@ -85,8 +85,9 @@ servos.initialize = function (callback) {
 
             const select = $('div.tab-servos table.fields tr:last td.direction select');
 
+            let rateLabel = i18n.getMessage('servosRate');
             for (let i = 100; i > -101; i--) {
-                select.append(`<option value="${i}">Rate: ${i}%</option>`);
+                select.append(`<option value="${i}">${rateLabel} ${i}%</option>`);
             }
 
             // select current rate
diff --git a/src/tabs/servos.html b/src/tabs/servos.html
index cbe24b1d23..3930a80c9b 100644
--- a/src/tabs/servos.html
+++ b/src/tabs/servos.html
@@ -11,8 +11,8 @@
                     <table class="fields">
                         <tr class="main">
                             <th width="110px" i18n="servosName"></th>
-                            <th i18n="servosMid"></th>
                             <th i18n="servosMin"></th>
+                            <th i18n="servosMid"></th>
                             <th i18n="servosMax"></th>
                             <th class="short">CH1</th>
                             <th class="short">CH2</th>