Small UI fixes

app/widgets/Draw/draw.css

@@ -25,6 +25,10 @@
     z-index: -1;
 }
 
+#draw #draw-canvas {
+    cursor: crosshair;
+}
+
 /* Controls */
 #draw ul.controls.list {
     position: absolute;
@@ -39,7 +43,7 @@
 }
 
 #draw ul.controls.list > li span.primary {
-    left: 0;
+    left: 0.5rem;
 }
 
 #draw ul.controls.list i {

app/widgets/Draw/draw.js

@@ -17,10 +17,8 @@ var Draw = {
         Draw.draw = document.getElementById('draw');
         Draw.draw.classList.add('open');
 
-        if(Draw.draw.classList.contains('bound')) return;
-
         let height, width;
-        if(snapBackground) {
+        if (snapBackground) {
             height = Snap.canvas.height;
             width = Snap.canvas.width;
         } else {
@@ -43,17 +41,19 @@ var Draw = {
         Draw.canvasbg = document.getElementById('draw-background');
         Draw.canvasbg.width = width;
         Draw.canvasbg.height = height;
-        bgctx = Draw.canvasbg.getContext("2d");
+        bgctx = Draw.canvasbg.getContext('2d');
 
         if (snapBackground) {
             // copy over snap image
             bgctx.drawImage(Snap.canvas, 0, 0, width, height);
         } else {
             // fill canvas with white
-            bgctx.fillStyle = "white";
+            bgctx.fillStyle = 'white';
             bgctx.fillRect(0, 0, width, height);
         }
 
+        if (Draw.draw.classList.contains('bound')) return;
+
         // Get a regular interval for drawing to the screen
         window.requestAnimFrame = (function (callback) {
             return window.requestAnimationFrame ||

app/widgets/Draw/draw.tpl

@@ -75,9 +75,9 @@
     </div>
     <ul class="list controls">
         <li>
-            <span id="drawback" class="primary active icon black active">
+            <span id="drawback" class="primary active icon color active bubble">
                 <i class="material-icons">arrow_back</i>
             </span>
         </li>
     </ul>
-</div>
+</div>