Remove percentage units from grid column sizing

[lmno.games] / index.html
diff --git a/index.html b/index.html

index 4da618884f0f3f2158a4b0344cd88ebc65aac2cd..0546dd703bd9636568176118c84d330bac2fed6b 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,19 +10,27 @@
    </head>
    <body>
  
-    <form onsubmit="join_game(this)">
+    <div id="page">
  
-      <div class="form-field large">
-        <label for="id">Game ID</label>
-        <input type="text" id="id" required>
-      </div>
+      <form onsubmit="join_game(this)">
  
-      <div class="form-field large">
-        <button type="submit">
-          Join Game
-        </button>
-      </div>
+        <div class="form-field large">
+          <label for="id">Game ID</label>
+          <input type="text" id="id" maxlength="4"
+                 placeholder="Enter a 4-letter Game Code"
+                 oninput="this.value = this.value.toUpperCase()"
+                 autocomplete="off"
+                 required>
+        </div>
  
-    </form>
+        <div class="form-field large">
+          <button type="submit">
+            Join Game
+          </button>
+        </div>
+
+      </form>
+
+    </div>
    </body>
  </html>