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{