From c417239652ae67d74d2c9902f0257c35cd7c4c9c Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Tue, 1 Jan 2019 16:34:56 -0800
Subject: [PATCH] Fixed: Don't auto zoom when focusing inputs on mobile
 devices, namely iOS

---
 frontend/src/Styles/scaffolding.css | 9 +++++++++
 frontend/src/login.html             | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/frontend/src/Styles/scaffolding.css b/frontend/src/Styles/scaffolding.css
index 8d95f8d12..1810037cf 100644
--- a/frontend/src/Styles/scaffolding.css
+++ b/frontend/src/Styles/scaffolding.css
@@ -43,3 +43,12 @@ ul {
   margin: 0;
   padding-left: 20px;
 }
+
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-size: 16px;
+  }
+}
diff --git a/frontend/src/login.html b/frontend/src/login.html
index 930018edf..d3cf47b99 100644
--- a/frontend/src/login.html
+++ b/frontend/src/login.html
@@ -158,6 +158,12 @@
     .hidden {
       display: none;
     }
+
+    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
+      .form-input {
+        font-size: 16px;
+      }
+    }
   </style>
 </head>