From f75931bd3a1556af9b283f567a534301ac015adc Mon Sep 17 00:00:00 2001
From: Joe Pavitt <joepavitt@flowforge.com>
Date: Mon, 2 Dec 2024 09:43:29 +0000
Subject: [PATCH] Improve icons & field ordering

---
 nodes/widgets/locales/en-US/ui_slider.json |  3 ++-
 nodes/widgets/ui_slider.html               | 16 ++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/nodes/widgets/locales/en-US/ui_slider.json b/nodes/widgets/locales/en-US/ui_slider.json
index bf39fd1c..f0483d8b 100644
--- a/nodes/widgets/locales/en-US/ui_slider.json
+++ b/nodes/widgets/locales/en-US/ui_slider.json
@@ -15,7 +15,8 @@
             "icons": "Icons",
             "color": "Color",
             "outputs": "Output",
-            "showTextField": "Show Text Field"
+            "show": "Show",
+            "textField": "Text Field"
         }
     }
 }
\ No newline at end of file
diff --git a/nodes/widgets/ui_slider.html b/nodes/widgets/ui_slider.html
index 6682203b..fa778ae8 100644
--- a/nodes/widgets/ui_slider.html
+++ b/nodes/widgets/ui_slider.html
@@ -151,11 +151,16 @@
             </div>
         </div>
         <div class="form-row">
-            <label for="node-input-label"><i class="fa fa-i-cursor"></i> Label</label>
+            <label for="node-input-label"><i class="fa fa-font"></i> Label</label>
             <input type="text" id="node-input-label">
         </div>
+        <div class="form-row form-row-flex" style="align-items: center;">
+            <label for="node-input-label"><i class="fa fa-i-cursor"></i> <span data-i18n="ui-slider.label.textField"></span></label>
+            <input style="width:20px;" type="checkbox" id="node-input-showTextField">
+            <label style="width:auto" for="node-input-showTextField"><span data-i18n="ui-slider.label.show"></span></label>
+        </div>
         <div class="form-row">
-            <label for="node-input-thumbLabel"><i class="fa fa-i-cursor"></i> Thumb</label>
+            <label for="node-input-thumbLabel"><i class="fa fa-map-marker"></i> Thumb</label>
             <select id="node-input-thumbLabel">
                 <option value="false">Never</option>
                 <option value="true">On Drag</option>
@@ -163,7 +168,7 @@
             </select>
         </div>
         <div class="form-row">
-            <label for="node-input-showTicks"><i class="fa fa-i-cursor"></i> Ticks</label>
+            <label for="node-input-showTicks"><i class="fa fa-reorder fa-rotate-90"></i> Ticks</label>
             <select id="node-input-showTicks">
                 <option value="false">Never</option>
                 <option value="true">On Drag</option>
@@ -232,11 +237,6 @@
             <label style="width:auto" for="node-input-passthru"><i class="fa fa-arrow-right"></i> If <code>msg</code> arrives on input, pass through to output: </label>
             <input type="checkbox" checked id="node-input-passthru" style="display:inline-block; width:auto; vertical-align:top;">
         </div>
-
-        <div class="form-row form-row-flex" style="align-items: center;">
-            <input style="margin: 8px 0 10px 16px; width:20px;" type="checkbox" id="node-input-showTextField">
-            <label style="width:auto" for="node-input-showTextField"><span data-i18n="ui-slider.label.showTextField"></span></label>
-        </div>
         <div class="form-row">
             <label style="width:auto" for="node-input-payload"><i class="fa fa-envelope-o"></i> When changed, send:</label>
         </div>