diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less index a8765ba5..538dce86 100644 --- a/client/assets/styles/game.less +++ b/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; diff --git a/client/assets/styles/styles.mobile.css b/client/assets/styles/styles.mobile.css index ec43c8d2..8cc73e6f 100644 --- a/client/assets/styles/styles.mobile.css +++ b/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 { diff --git a/client/src/components/play.ctrl.jsx b/client/src/components/play.ctrl.jsx index 4b0ed01c..1f4c0d4c 100644 --- a/client/src/components/play.ctrl.jsx +++ b/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.');