Set correct width to input field

The input field now has a fixed width to correspond to the maximum number of characters it can have.
5 years ago · 326d05f08a
parent a059d274c0
commit 326d05f08a
1 changed files with 4 additions and 3 deletions
--- a/index.html
+++ b/index.html
@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>TIMER</title>
 	<style>
 		body {
@ -10,14 +11,14 @@
 			font-size:3em; font-family:monospace;
 		}
 		input {
-			 padding:0; border:0; outline:none; background:none;
-			 font-size:inherit; font-family:monospace; width:8em;
+			padding:0; border:0; outline:none; background:none;
+			font-size:inherit; font-family:monospace;
 		}
 	</style>
 </head>
 <body>
 	<div>
-		T &dash; <input type="text" id="time" placeholder="hh : mm : ss">
+		T &dash; <input type="text" id="time" size="11" placeholder="hh : mm : ss">
 	</div>	
 	<script>
 		var input = document.getElementById('time');