Add hidden username field for accessibility

Author: code-asher

src/browser/pages/login.css

@@ -17,13 +17,17 @@
   margin-top: 1em;
 }
 
-.login-form > .field > .input {
+.login-form > .field > .password {
   border: 1px solid #b6b6b6;
   box-sizing: border-box;
   padding: 1em;
   flex: 1;
 }
 
+.login-form > .field > .user {
+  display: none;
+}
+
 .login-form > .field > .submit {
   background-color: transparent;
   border: 1px solid #b6b6b6;

src/browser/pages/login.tsx

@@ -40,9 +40,10 @@ export const Login: React.FunctionComponent<LoginProps> = (props) => {
         <div className="sub">Please log in below</div>
       </div>
       <div className="field">
+        <input className="user" type="text" autoComplete="username" />
         <input
           autoFocus
-          className="input"
+          className="password"
           type="password"
           placeholder="password"
           autoComplete="current-password"