Improve usability

gdsc0301 · Jul 4, 2023 · 582f7af · 582f7af
1 parent f7115e0
commit 582f7af
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
     <span class="welcomeMessage"></span>
     <canvas id="app" width="640" height="360"></canvas>
     <form id="loginForm">
-      <input type="text" placeholder="ip-address:port" value="https://best-multiplayer-game-possible-pvenbf56dq-uc.a.run.app/" readonly disabled>
+      <input type="text" placeholder="ip-address:port" value="https://best-multiplayer-game-possible-pvenbf56dq-uc.a.run.app/">
       <input type="text" autocomplete="false" placeholder="Your username"><input type="submit" value="GO!">
       <span class="error"></span>
     </form>

diff --git a/src/index.js b/src/index.js
@@ -9,7 +9,7 @@ const server = {
   get URL() {
     if(!this.ipAddress) return false;
 
-    return `http://${this.ipAddress}`;
+    return this.ipAddress;
   }
 };
 
@@ -34,7 +34,7 @@ let currentRoom;
 
 let gameplayLoop;
 function init() {
-  welcomeMessage.innerHTML = 'Insert your username to start';
+  welcomeMessage.innerHTML = 'Insert the IP address and your Username to start';
 
   loginForm.addEventListener('submit', e => {
     e.preventDefault();

diff --git a/src/style.scss b/src/style.scss
@@ -33,8 +33,10 @@ body {
 
   #loginForm {
     position: relative;
-    display: flex;
-    justify-content: center;
+    width: 640px;
+
+    display: grid;
+    grid-template-columns: 3fr 2fr 1fr;
     gap: 8px;
     padding: 32px 0;