Better logging for games, tweak width of mobile game header

server.js

@@ -97,6 +97,7 @@ io.on('connection', function(socket) {
         const game = activeGames[Object.keys(activeGames).find((key) => key === playerInfo.code)];
         if (game && game.players.length < game.size) {
             activeGames[Object.keys(activeGames).find((key) => key === playerInfo.code)].players.push({name: playerInfo.name, id: playerInfo.id});
+            console.log(playerInfo.name + " joined the game!");
             socket.emit('success');
         } else {
             if (game && game.players.length === game.size) {

static/setup.js

@@ -81,7 +81,6 @@ window.onload = function() {
 };
 
 function incrementCardQuantity(e) {
-    console.log(e.target);
     if(e.target.card.quantity < 25) {
         e.target.card.quantity += 1;
     }

static/styles.css

@@ -640,7 +640,7 @@ label {
 #players-remaining {
     font-size: 1.5em;
     color: gray;
-    width: 3.8em;
+    width: 6em;
     margin-bottom: 0.5em;
 }