Fix for input and update checkbox styling

src/assets/stylesheets/shared.scss

@@ -155,10 +155,11 @@ $spoke-action-color: $bright-blue;
   -webkit-appearance: none;
   width: 2em;
   height: 2em;
-  border: 3px solid #aaa;
+  border: 1px solid #e2e2e2;
+  background-color: white;
   border-radius: 6px;
   vertical-align: sub;
-  margin: 0 0.6em
+  margin: 0 0.7em
 }
 
 %checkbox-checked {

src/components/freeze-controller.js

@@ -24,8 +24,8 @@ AFRAME.registerComponent("freeze-controller", {
 
   tick: function() {
     const userinput = AFRAME.scenes[0].systems.userinput;
-    const ensureFrozen = userinput.readFrameValueAtPath(paths.actions.ensureFrozen);
-    const thaw = userinput.readFrameValueAtPath(paths.actions.thaw);
+    const ensureFrozen = userinput.frame[paths.actions.ensureFrozen];
+    const thaw = userinput.frame[paths.actions.thaw];
 
     const toggleFreezeDueToInput = (this.el.is("frozen") && thaw) || (!this.el.is("frozen") && ensureFrozen);