From e8f627e3fed5e5c45352cf97bf9ed37b1a0459c9 Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Wed, 13 Apr 2016 17:09:10 +1200
Subject: [PATCH] Add "lock" and "visible" icons to checkboxes in entity
 properties tab

---
 examples/html/edit-style.css        | 13 +++++++++++++
 examples/html/entityProperties.html |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/examples/html/edit-style.css b/examples/html/edit-style.css
index 63d0cdc69c..f6c39eade6 100644
--- a/examples/html/edit-style.css
+++ b/examples/html/edit-style.css
@@ -972,6 +972,19 @@ textarea:enabled[scrolling="true"]::-webkit-resizer {
     background-position-y: 1px;
 }
 
+#properties-header .checkbox label span {
+    font-family: HiFi-Glyphs;
+    font-size: 20px;
+    padding-right: 6px;
+    vertical-align: top;
+    position: relative;
+    top: -4px;
+}
+
+#properties-header input[type=checkbox]:checked + label span {
+    color: #ffffff;
+}
+
 #properties-header + hr {
     margin-top: 12px;
 }
diff --git a/examples/html/entityProperties.html b/examples/html/entityProperties.html
index 41981bc4fe..c0b2655749 100644
--- a/examples/html/entityProperties.html
+++ b/examples/html/entityProperties.html
@@ -1295,11 +1295,11 @@
             </div>
             <div class="property checkbox">
                 <input type="checkbox" id="property-locked">
-                <label for="property-locked">Locked</label>
+                <label for="property-locked"><span>&#xe006;</span>&nbsp;Locked</label>
             </div>
             <div class="property checkbox">
                 <input type="checkbox" id="property-visible">
-                <label for="property-visible">Visible</label>
+                <label for="property-visible"><span>&#xe007;</span>&nbsp;Visible</label>
             </div>
         </div>
         <hr />