From a03861cb6d921a14f7fafcef6c5776a09ef107f7 Mon Sep 17 00:00:00 2001
From: Dave C-J <conway@uk.ibm.com>
Date: Sun, 7 Sep 2014 22:13:10 +0100
Subject: [PATCH] Indent range node UI more in style with other nodes.

---
 nodes/core/logic/16-range.html | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/nodes/core/logic/16-range.html b/nodes/core/logic/16-range.html
index 6934db804..5f87128f9 100644
--- a/nodes/core/logic/16-range.html
+++ b/nodes/core/logic/16-range.html
@@ -16,30 +16,28 @@
 
 <script type="text/x-red" data-template-name="range">
     <div class="form-row">
-        <select id="node-input-action" style="width:90%; margin-right:5px;">
+        <label for="node-input-action"><i class="fa fa-dot-circle-o"></i> Action</label>
+        <select id="node-input-action" style="width:70%; margin-right:5px;">
             <option value="scale">Scale msg.payload</option>
             <option value="clamp">Scale and limit to the target range</option>
             <option value="roll">Scale and wrap within the target range</option>
         </select>
     </div>
     <br/>
-    <div class="form-row">
-        Map from the range:
-    </div>
-    <div class="form-row">
-        &nbsp;&nbsp;&nbsp;&nbsp;from: <input type="text" id="node-input-minin" placeholder="e.g. 0" style="width:100px;"/>
+    <div class="form-row"><i class="fa fa-sign-in"></i> Map the input range:</div>
+    <div class="form-row"><label></label>
+        from: <input type="text" id="node-input-minin" placeholder="e.g. 0" style="width:100px;"/>
         &nbsp;&nbsp;to: <input type="text" id="node-input-maxin" placeholder="e.g. 99" style="width:100px;"/>
     </div>
-    <div class="form-row">
-        to the result range:
-    </div>
-    <div class="form-row">
-        &nbsp;&nbsp;&nbsp;&nbsp;from: <input type="text" id="node-input-minout" placeholder="e.g. 0" style="width:100px;"/>
+    <div class="form-row"><i class="fa fa-sign-out"></i> to the result range:</div>
+    <div class="form-row"><label></label>
+        from: <input type="text" id="node-input-minout" placeholder="e.g. 0" style="width:100px;"/>
         &nbsp;&nbsp;to: <input type="text" id="node-input-maxout" placeholder="e.g. 255" style="width:100px;"/>
     </div>
     <br/>
-    <div class="form-row">
-        <input type="checkbox" id="node-input-round" style="display: inline-block; width: auto; vertical-align: top;"> <label style="width: auto;" for="node-input-round">Round to nearest integer?</label></input>
+    <div class="form-row"><label></label>
+        <input type="checkbox" id="node-input-round" style="display: inline-block; width: auto; vertical-align: top;">
+        <label style="width: auto;" for="node-input-round">Round result to the nearest integer?</label></input>
     </div>
     <br/>
     <div class="form-row">