diff --git a/public/css/chat.css b/public/css/chat.css index 7c8e29b..3f12e0c 100644 --- a/public/css/chat.css +++ b/public/css/chat.css @@ -103,7 +103,7 @@ white-space: pre; } -@media only screen and (max-width: 980px) { +@media only screen and (max-width: 600px) { #chat { flex-flow: column-reverse; border-top: #7d7d7d solid 2px; diff --git a/public/css/components.css b/public/css/components.css index c2e9efe..9bbc61b 100644 --- a/public/css/components.css +++ b/public/css/components.css @@ -101,7 +101,7 @@ main { height: calc(100% - 50px); } -@media only screen and (max-width: 980px) { +@media only screen and (max-width: 600px) { #main { display: grid; grid-template-columns: unset; diff --git a/public/css/game.css b/public/css/game.css index 619110a..e26c2d1 100644 --- a/public/css/game.css +++ b/public/css/game.css @@ -28,7 +28,7 @@ background-color: #FFDDA1; } -@media only screen and (max-width: 980px) { +@media only screen and (max-width: 600px) { #game { height: auto; width: auto; diff --git a/public/css/header.css b/public/css/header.css index e963576..fbc6edd 100644 --- a/public/css/header.css +++ b/public/css/header.css @@ -45,7 +45,7 @@ header { flex-direction: column; } -@media only screen and (max-width: 980px) { +@media only screen and (max-width: 600px) { header { height: 5em; diff --git a/public/css/index.css b/public/css/index.css index 360bafc..77a8b66 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -54,7 +54,7 @@ color: #ffffff; } -@media only screen and (max-width: 980px) { +@media only screen and (max-width: 600px) { #login { align-items: flex-start; } diff --git a/public/js/game.js b/public/js/game.js index d70bd68..a3d89b4 100644 --- a/public/js/game.js +++ b/public/js/game.js @@ -192,6 +192,8 @@ function start_game() { }); socket.on('card', function (data) { + if (show_card === true) card.destroyCard(); + card = new Card(game_board_size, data.card.question, data.card['answers'][0], data.card['answers'][1], data.card['answers'][2], data.card['answers'][3], data.card['difficulty'], data.username === username); card.showCard(); show_card = true;