From 5301e20ae94fb0f4242b20d8a067818199c94e3c Mon Sep 17 00:00:00 2001
From: Jiehong Ma <email@majiehong.com>
Date: Sat, 2 Oct 2021 23:48:22 +0200
Subject: [PATCH] bugfix: disable autocomplete on mobile in the filter field

---
 public/index.html |  7 ++++++-
 public/style.css  | 14 ++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 37a83bb..6972314 100755
--- a/public/index.html
+++ b/public/index.html
@@ -64,7 +64,12 @@
     <div id="content">
         <div id="query">
             <label id="filter-label" for="filter">Query</label>
-            <input id="filter" type="text" name="filter" />
+            <input id="filter" type="text" name="filter"
+              autocapitalize="off"
+              autocomplete="off"
+              spellcheck="false"
+              autocorrect="off"
+            />
             <ul id="options">
               <p>Options</p>
               <li>
diff --git a/public/style.css b/public/style.css
index 615d8b9..00ba7ac 100755
--- a/public/style.css
+++ b/public/style.css
@@ -1,5 +1,5 @@
 :root {
-  font-size: 2.0rem;
+  font-size: 2.5rem;
 }
 
 body {
@@ -68,6 +68,7 @@ h1 {
 
 textarea {
   font-family: "Fira Code", monospace;
+  font-size: inherit;
   border: none;
   border-radius: .3em;
   padding: .5em;
@@ -128,7 +129,16 @@ textarea {
 }
 
 input[type=checkbox] {
-  transform: scale(1.3);
+  transform: scale(2.5);
+  height: 2.5em;
+}
+
+@media only screen and (min-width: 1000px) {
+  /* For Desktops */
+  input[type=checkbox] {
+    transform: scale(1.3);
+    height: 1em;
+  }
 }
 
 #input {