fixed pos

client/assets/styles/game.less

@@ -363,7 +363,26 @@
             }
         }
 
+        .player {
+            position: fixed;
+            bottom: 10%;
+            width: 100%;
+            height: 45%;
+        }
+
+        .targeting {
+            position: fixed;
+            top: 45%;
+            width: 100%;
+            height: 15%;
+        }
+
         .opponent {
+            position: fixed;
+            top: 0;
+            width: 100%;
+            height: 40%;
+
             .game-construct {
                 display: grid;
                 grid-template-columns: 1fr;

client/assets/styles/styles.mobile.css

@@ -3,7 +3,7 @@
         font-size: 12pt;
         padding: 0;
         grid-template-columns: 1fr;
-        grid-template-rows: 1fr min-content;
+        grid-template-rows: 10fr 1fr;
         grid-template-areas:
           "main"
           "footer";
@@ -31,6 +31,9 @@
 
     footer {
         display: flex;
+        position: fixed;
+        bottom: 0;
+        width: 100%;
     }
 
     #nav-btn, #instance-nav {

client/src/components/play.ctrl.jsx

@@ -106,7 +106,7 @@ function JoinButtons(args) {
 
             try {
                 document.execCommand('copy');
-                infoToast('Invite link copied.');
+                infoToast('Invite link copied to clipboard.');
             } catch (err) {
                 console.error('link copy error', err);
                 errorToast('Invite link copy error.');