Fix Safari Bugs on iOS (#255)

* some crazy css

* 16px to 1rem

Author: nik-dange

src/pages/index.tsx

@@ -132,6 +132,9 @@ const PortalHomePage = ({
         <div className={styles.checkinButtons}>
           <input
             type="text"
+            autoComplete="off"
+            autoCorrect="off"
+            autoCapitalize="off"
             placeholder="Enter event check-in code"
             className={styles.checkinInput}
             value={checkinCode}

src/styles/pages/Home.module.scss

@@ -221,7 +221,8 @@
         width: 0;
 
         @media screen and (width <= vars.$breakpoint-md) {
-          font-size: 0.75rem;
+          // 1rem prevents auto zoom on iOS
+          font-size: 1rem;
           line-height: 1.5rem;
           padding: 0.625rem 1.25rem;
         }