Adjust CSS rules to make user experience nicer.

Now the div containing the canvas and the div containing the waiting
animation have the same height. So when one gets hidden and the other
gets shown, the chat box below it will not move.

server/src/main/resources/static/cube-grid.css

@@ -1,8 +1,8 @@
 /* Based on http://tobiasahlin.com/spinkit */
 
 .sk-cube-grid {
-  width: 200px;
-  height: 200px;
+  width: 300px;
+  height: 300px;
   margin: 35px auto;
 }
 
@@ -11,8 +11,8 @@
   height: 20%;
   background-color: orange;
   float: left;
-  -webkit-animation: sk-cubeGridScaleDelay 1.5s infinite ease-in-out;
-          animation: sk-cubeGridScaleDelay 1.5s infinite ease-in-out;
+  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
+          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
 }
 
 /*

server/src/main/resources/static/multiplayer.css

@@ -22,11 +22,11 @@ h1 {
 }
 
 #waitingDiv {
-  height: 360px;
+  height: 475px;
 }
 
 #messageList {
-  height: 300px;
+  height: 260px;
   overflow-y: scroll;
   padding: 10px 20px 10px 20px;
 }