marker is movable. no one knows why.

client/css/style.css

@@ -480,6 +480,11 @@ input:hover {
 }
 
 #marker {
+	position: absolute; bottom: 0; right: 200px;
+	z-index: 1;
+}
+
+#eraser {
 	position: absolute; bottom: 0; right: 70px;
 	z-index: 1;
 }
@@ -502,6 +507,7 @@ input:hover {
 
 
 
+
 
 /* states and images */
 .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }

client/script.js

@@ -825,7 +825,19 @@ $( ".board-outline" ).resizable( {
 
 
 
-//$('#marker').draggable();
+$('#marker').draggable(
+	{
+		axis: 'x',
+		containment: 'parent'
+	}
+);
+
+$('#eraser').draggable(
+	{
+		axis: 'x',
+		containment: 'parent'
+	}
+);
 
 
 

views/index.jade

@@ -6,7 +6,8 @@ h1 <a href="http://scrumblr.ca">scrumblr</a> by <a href="http://aliasaria.ca">al
 div.board-outline
 	div#board
 		div#board-doodles
-		image#marker(src='/images/marker-and-eraser.png', width='259', height='20')
+		image#marker(src='/images/marker.png')
+		image#eraser(src='/images/eraser.png')
 	
 		
 		table#board-table.board-table