diff --git a/client/src/modules/game_state/states/Lobby.js b/client/src/modules/game_state/states/Lobby.js index 4b91b16..8f726c1 100644 --- a/client/src/modules/game_state/states/Lobby.js +++ b/client/src/modules/game_state/states/Lobby.js @@ -60,7 +60,7 @@ export class Lobby { gameCode.innerHTML = 'Or enter this code on the homepage: ' + this.stateBucket.currentGameState.accessCode + ''; - QRCode.toCanvas(document.getElementById('canvas'), link, { scale: 2 }, function (error) { + QRCode.toCanvas(document.getElementById('canvas'), link, { scale: 3 }, function (error) { if (error) console.error(error); }); } diff --git a/client/src/styles/GLOBAL.css b/client/src/styles/GLOBAL.css index ed3377b..67818d5 100644 --- a/client/src/styles/GLOBAL.css +++ b/client/src/styles/GLOBAL.css @@ -425,7 +425,7 @@ input { border-radius: 5px; padding: 2px 5px; font-size: 18px; - margin: 0 0.75em; + margin: 1em; width: fit-content; } diff --git a/client/src/styles/game.css b/client/src/styles/game.css index 1b80a87..6e0f04d 100644 --- a/client/src/styles/game.css +++ b/client/src/styles/game.css @@ -457,8 +457,6 @@ label[for='moderator'] { font-family: 'signika-negative', sans-serif; font-weight: 100; box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.5); - left: 0; - right: 0; bottom: 0; border-radius: 5px; /* width: fit-content; */ @@ -467,6 +465,8 @@ label[for='moderator'] { margin: 0 auto; max-width: 100%; background-color: #1b1a24; + transform: translateZ(0); + -webkit-transform: translateZ(0); } #game-control-prompt {