From 650df247611fe83ab1b6c4e2035f42d410ce4e02 Mon Sep 17 00:00:00 2001
From: Nissim Hadar <nissim.hadar@gmail.com>
Date: Mon, 6 Nov 2017 14:27:02 -0800
Subject: [PATCH] Improved Haze UI in Create menu

---
 scripts/system/html/entityProperties.html | 46 +++++++++++++----------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/scripts/system/html/entityProperties.html b/scripts/system/html/entityProperties.html
index e7d4aed3fb..7fdeee67d3 100644
--- a/scripts/system/html/entityProperties.html
+++ b/scripts/system/html/entityProperties.html
@@ -555,20 +555,21 @@
                 </form>
                 <fieldset class="zone-group zone-section haze-section property gen fstuple">
                     <div class="tuple">
-                        <div><label>Range<span class="unit">m</span></label><input type="number" id="property-zone-haze-range" min="5" max="10000" step="5"></div>
+                        <div>
+                              <label>Range<span class="unit">m</span></label>
+                              <input type="number" id="property-zone-haze-range" min="5" max="10000" step="5"><
+                        /div>
                     </div>
                 </fieldset>
-                <fieldset class="zone-group zone-section haze-section property rgb fstuple">
                     <div class="zone-group zone-section haze-section property checkbox">
                         <input type="checkbox" id="property-zone-haze-altitude-effect">
                         <label for="property-zone-haze-altitude-effect">Use Altitude</label>
                     </div>
-                    <fieldset class="zone-group zone-section haze-section property gen fstuple">
-                      <div class="tuple">
-                          <div><label>Base<span class="unit">m</span></label><input type="number" id="property-zone-haze-base" min="-1000" max="1000" step="10"></div>
-                          <div><label>Ceiling<span class="unit">m</span></label><input type="number" id="property-zone-haze-ceiling" min="-1000" max="5000" step="10"></div>
-                      </div>
-                    </fieldset>
+                <fieldset class="zone-group zone-section haze-section property gen fstuple">
+                  <div class="tuple">
+                      <div><label>Base<span class="unit">m</span></label><input type="number" id="property-zone-haze-base" min="-1000" max="1000" step="10"></div>
+                      <div><label>Ceiling<span class="unit">m</span></label><input type="number" id="property-zone-haze-ceiling" min="-1000" max="5000" step="10"></div>
+                  </div>
                 </fieldset>
                 <fieldset class="zone-group zone-section haze-section property rgb fstuple">
                     <div class="color-picker" id="property-zone-haze-color"></div>
@@ -582,6 +583,15 @@
                           <label for="property-zone-haze-blend-in-color-blue">Blue:</label></div>
                     </div>
                 </fieldset>
+                <fieldset class="zone-group zone-section haze-section property gen fstuple">
+                    <div class="tuple">
+                        <div>
+                            <br>
+                            <label>Background Blend<span class="unit"></span></label>
+                            <input type="number" id="property-zone-haze-background-blend" min="0.0" max="1.0" step="0.01">
+                        </div>
+                    </div>
+                </fieldset>
                 <div class="zone-group zone-section haze-section property checkbox">
                     <input type="checkbox" id="property-zone-haze-enable-light-blend">
                     <label for="property-zone-haze-enable-light-blend">Enable Glare</label>
@@ -600,20 +610,18 @@
                 </fieldset>
                 <fieldset class="zone-group zone-section haze-section property gen fstuple">
                     <div class="tuple">
-                        <div><label>Glare Angle<span class="unit">deg</span></label><input type="number" id="property-zone-haze-blend-angle" min="0" max="180" step="1"></div>
-                    </div>
-                 </fieldset>
-                <fieldset class="zone-group zone-section haze-section property gen fstuple">
-                    <div>
-                        <label>Background Blend</label>
-                        <input type="number" id="property-zone-haze-background-blend" min="0.0" max="1.0" step="0.01">
+                        <div>
+                            <br>
+                            <label>Glare Angle<span class="unit">deg</span></label>
+                            <input type="number" id="property-zone-haze-blend-angle" min="0" max="180" step="1">
+                        </div>
                     </div>
                 </fieldset>
+                <div class="zone-group zone-section haze-section property checkbox">
+                    <input type="checkbox" id="property-zone-haze-attenuate-keylight">
+                    <label for="property-zone-haze-attenuate-keylight">Attenuate Keylight</label>
+                </div>
                 <fieldset class="zone-group zone-section haze-section property gen fstuple">
-                    <div class="zone-group zone-section haze-section property checkbox">
-                        <input type="checkbox" id="property-zone-haze-attenuate-keylight">
-                        <label for="property-zone-haze-attenuate-keylight">Attenuate Keylight</label>
-                    </div>
                     <div class="tuple">
                         <div><label>Range<span class="unit">m</span></label><input type="number" id="property-zone-haze-keylight-range" 
                         min="5" max="1000000" step="5"></div>