From bcebf43063815218a5fe0b12de71824f77a359d1 Mon Sep 17 00:00:00 2001
From: Charles Gould <charles@gould.dev>
Date: Wed, 4 Jan 2017 19:50:16 -0500
Subject: [PATCH] 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   | 8 ++++----
 server/src/main/resources/static/multiplayer.css | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/server/src/main/resources/static/cube-grid.css b/server/src/main/resources/static/cube-grid.css
index 6822b4e..cb459ee 100644
--- a/server/src/main/resources/static/cube-grid.css
+++ b/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;
 }
 
 /*
diff --git a/server/src/main/resources/static/multiplayer.css b/server/src/main/resources/static/multiplayer.css
index 259bf5f..0da516e 100644
--- a/server/src/main/resources/static/multiplayer.css
+++ b/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;
 }