bigger qrcode, space out mobile navbar links, attempt to fix element flicker

client/src/modules/game_state/states/Lobby.js

@@ -60,7 +60,7 @@ export class Lobby {
         gameCode.innerHTML = 'Or enter this code on the homepage: <span>' +
             this.stateBucket.currentGameState.accessCode + '</span>';
 
-        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);
         });
     }

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;
 }
 

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 {