From f79bb210ec6e78c135db7b006ae447f37be4ca7e Mon Sep 17 00:00:00 2001
From: Jacky <29943110+jw-12138@users.noreply.github.com>
Date: Thu, 29 Oct 2020 10:07:43 +0800
Subject: [PATCH 1/3] login.css: Fix button styling on iOS

---
 src/browser/pages/login.css  | 16 +++++++++++++---
 src/browser/pages/login.html |  3 ++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/browser/pages/login.css b/src/browser/pages/login.css
index 43d03e7e..4a66567c 100644
--- a/src/browser/pages/login.css
+++ b/src/browser/pages/login.css
@@ -26,7 +26,7 @@ body {
   border: 1px solid #ddd;
   box-sizing: border-box;
   color: black;
-  flex: 1;
+  width: 100%;
   padding: 16px;
 }
 
@@ -34,6 +34,16 @@ body {
   display: none;
 }
 
-.login-form > .field > .submit {
-  margin-left: 20px;
+.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
index fc772f39..dcfb8f63 100644
--- a/src/browser/pages/login.html
+++ b/src/browser/pages/login.html
@@ -38,7 +38,8 @@
                 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>

From 30100caf0c444fc32d87bf447d6e28dcf5e28eda Mon Sep 17 00:00:00 2001
From: Anmol Sethi <hi@nhooyr.io>
Date: Thu, 19 Nov 2020 10:41:37 -0500
Subject: [PATCH 2/3] Revert "login.css: Fix button styling on iOS"

This reverts commit f79bb210ec6e78c135db7b006ae447f37be4ca7e.
---
 src/browser/pages/login.css  | 14 ++------------
 src/browser/pages/login.html |  3 +--
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/browser/pages/login.css b/src/browser/pages/login.css
index 4a66567c..43d03e7e 100644
--- a/src/browser/pages/login.css
+++ b/src/browser/pages/login.css
@@ -26,7 +26,7 @@ body {
   border: 1px solid #ddd;
   box-sizing: border-box;
   color: black;
-  width: 100%;
+  flex: 1;
   padding: 16px;
 }
 
@@ -34,16 +34,6 @@ body {
   display: none;
 }
 
-.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{
+.login-form > .field > .submit {
   margin-left: 20px;
-  flex-shrink: 0;
 }
diff --git a/src/browser/pages/login.html b/src/browser/pages/login.html
index dcfb8f63..fc772f39 100644
--- a/src/browser/pages/login.html
+++ b/src/browser/pages/login.html
@@ -38,8 +38,7 @@
                 name="password"
                 autocomplete="current-password"
               />
-	            <input value="SUBMIT" type="submit" id="submit-button">
-	            <label for="submit-button" class="submit -button">SUBMIT</label>
+              <input class="submit -button" value="SUBMIT" type="submit" />
             </div>
             {{ERROR}}
           </form>

From 2dc7863ec394aea3a51c0c7a526bedcf846c563e Mon Sep 17 00:00:00 2001
From: Anmol Sethi <hi@nhooyr.io>
Date: Thu, 19 Nov 2020 10:42:14 -0500
Subject: [PATCH 3/3] login.css: Disable webkit appearance for input elements

Not sure why Safari does these things...

Closes #2247
---
 src/browser/pages/login.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/browser/pages/login.css b/src/browser/pages/login.css
index 43d03e7e..f0586ee8 100644
--- a/src/browser/pages/login.css
+++ b/src/browser/pages/login.css
@@ -37,3 +37,7 @@ body {
 .login-form > .field > .submit {
   margin-left: 20px;
 }
+
+input {
+  -webkit-appearance: none;
+}