Display selected color and button to turn off draw mode in canvas

www/whiteboard/index.html

@@ -34,17 +34,24 @@
             margin: auto;
             background: white;
         }
-        #clear {
+        #clear, #toggleDraw {
             display: inline;
+            vertical-align: middle;
         }
         #colors {
             z-index: 100;
             border: 3px solid black;
             padding: 5px;
             vertical-align: top;
+            background: white;
         }
         .selected {
-            margin-right: 20px;
+            margin-left: 20px;
+            display: inline-block;
+            height: 100px;
+        }
+        .selected img {
+            vertical-align: middle;
         }
         #copy {
             padding-left: 75px;
@@ -62,9 +69,12 @@
             position: relative;
             border: 3px solid black;
             background: white;
+            height: 100px;
+            line-height: 100px;
         }
         #width, #colors {
             position: relative;
+            vertical-align: middle;
         }
         #color-picker {
             display: block;
@@ -86,10 +96,12 @@
     </div>
 
     <div id="controls">
-        <button id="clear">Clear</button>
+        <button id="clear" data-localization="canvas_clear">Clear</button>
+        <button id="toggleDraw" data-localization="canvas_disable"></button>
         <input id="width" type="range" value="5" min="1" max="100"></input><label for="width">5</label>
-        <div id="colors"><div class="selected-container"><span class="selected"></span></div>&nbsp;</div>
+        <span class="selected"></span>
     </div>
+    <div id="colors">&nbsp;</div>
 
     <div id="loading">
         <div class="loadingContainer">