login.css: Fix button styling on iOS

theereechee · Nov 19, 2020 · f79bb21 · f79bb21
1 parent 2a3608d
commit f79bb21
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/browser/pages/login.css b/src/browser/pages/login.css
@@ -26,14 +26,24 @@ body {
   border: 1px solid #ddd;
   box-sizing: border-box;
   color: black;
-  flex: 1;
+  width: 100%;
   padding: 16px;
 }
 
 .login-form > .user {
   display: none;
 }
 
-.login-form > .field > .submit {
+.login-form > .field > input[type="submit"] {
+  position: absolute;
+  left: -9999px;
+}
+
+.login-form > .field > input[type="submit"]:focus + label {
+  border: 2px solid #000;
+}
+
+.login-form > .field > .submit{
   margin-left: 20px;
+  flex-shrink: 0;
 }
diff --git a/src/browser/pages/login.html b/src/browser/pages/login.html
@@ -38,7 +38,8 @@ <h1 class="main">Welcome to code-server</h1>
                 name="password"
                 autocomplete="current-password"
               />
-              <input class="submit -button" value="SUBMIT" type="submit" />
+	            <input value="SUBMIT" type="submit" id="submit-button">
+	            <label for="submit-button" class="submit -button">SUBMIT</label>
             </div>
             {{ERROR}}
           </form>