From aa6aaf912e3d12b0e94dc3c106314361fc2cfe24 Mon Sep 17 00:00:00 2001
From: "James B. Pollack" <jamesbradenpollack@gmail.com>
Date: Fri, 16 Oct 2015 16:07:20 -0700
Subject: [PATCH] add color bars below position inputs

---
 examples/html/entityProperties.html |  6 +++---
 examples/html/style.css             | 21 +++++++++++++++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index 97d8fe4729..9fa596ae09 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -1035,9 +1035,9 @@
         <div class="property">
             <div class="label">Position</div>
             <div class="value">
-                <div class="input-area">X <br><input class="coord" type='number' id="property-pos-x"></div>
-                <div class="input-area">Y <br><input class="coord" type='number' id="property-pos-y"></div>
-                <div class="input-area">Z <br><input class="coord" type='number' id="property-pos-z"></div>
+                <div class="input-area ">X<input class="coord" type='number' id="property-pos-x"><div class="prop-x"></div></div>
+                <div class="input-area ">Y<input class="coord" type='number' id="property-pos-y"><div class="prop-y"></div></div>
+                <div class="input-area ">Z<input class="coord" type='number' id="property-pos-z"><div class="prop-z"></div></div>
                 <div>
                     <input type="button" id="move-selection-to-grid" value="Selection to Grid">
                     <input type="button" id="move-all-to-grid" value="All to Grid">
diff --git a/examples/html/style.css b/examples/html/style.css
index 3614ea821b..98a3e8bd6e 100644
--- a/examples/html/style.css
+++ b/examples/html/style.css
@@ -75,6 +75,7 @@ body {
     height: 22.5pt;
 }
 
+
 .property-section label {
     font-weight: bold;
 }
@@ -342,3 +343,23 @@ input#property-name {
 	margin: 5px;
 	border: 1px solid white;
 }
+
+.prop-x{
+  color:red !important;
+  background: rgba(255, 0, 0, .9);
+  height:2px !important;
+
+}
+
+.prop-y{
+    color:green !important;
+    background: rgba(0, 255, 0, .9);
+    height:2px !important;
+
+}
+
+.prop-z{
+    color:blue !important;
+    background: rgba(0, 0, 255, .9);
+    height:2px !important;
+}