improved css

resources/css/style.css

@@ -1,8 +1,14 @@
-body{
-	background: gray;
-	width: 100%;
-	height: 100%;
+html, body{
+  padding: 0;
+  margin: 0;
 }
+html{
+  height: 100%;
+}
+body{
+  min-height: 100%;
+}
+
 .tile{
 	border: 1px solid black;
 	width: 30px;
@@ -23,12 +29,18 @@ svg text{
 
 .menu{
 	position: fixed;
-	bottom: 40px;
+	width: 100%;
+	height: 30px;
+	bottom: 0px;
 }
 
-.menu .tile{
+.menu > div{
+	position: relative;
+	float: left;
+	border: 1px solid black;
+	height: 30px;
 	background: white;
-	font-size: 12px;
+	padding: 3px;
 }
 
 .menu .list{
@@ -39,16 +51,16 @@ svg text{
 	display: inherit;
 }
 
-.menu .tile .list{
+.menu > div > .list{
 	position: fixed;
-	right: 0;
 	height: 30px;
-	left: 0; 
-	bottom: 40px; 
+	bottom: 30px;
+	width: 100%;
 }
 
-.menu .tile .list .tile{
+.menu > div > .list > *{
 	position: relative;
+	float: left;
 }
 
 #messages{

resources/js/plan.js

@@ -60,7 +60,7 @@ function enableAdding(ev){
 		mode = null;
 	} else {
 		$(selected).css('border','2px solid red');
-		$('.menu .tile .list').css('display','inherit');
+		$('.menu .addtile .list').css('display','inherit');
 		mode = ADD;
 	}
 	return false; // otherwise body.click would also be triggered
@@ -69,6 +69,6 @@ function enableAdding(ev){
 window.onload = function () {
 	var isDragging = false;
 	$('.menu > div').click(closeMenu);
-	$('.menu .tile .list svg').click(enableAdding);
+	$('.menu .addtile .list svg').click(enableAdding);
 	$(BODY).click(bodyClick);
 }