improve mobile ux

index.html

@@ -27,20 +27,20 @@ <h1 id="header">Kanji Search (based on JPDBv2 frequency list)</h1>
         <label for="contains-reading-input">Contains reading</label>
         <div class="row">
           <input type="text" id="contains-reading-input">
-          <label class="flex-default" for="exact-reading-checkbox">Exact</label>
+          <label class="flex-default">Exact</label>
           <input type="checkbox" id="exact-reading-checkbox">
         </div>
       </div>
       <div class="filter-item">
-        <label for="kanji-only-checkbox">Kanji only</label>
+        <label>Kanji only</label>
         <input type="checkbox" id="kanji-only-checkbox">
       </div>
       <div class="filter-item">
-        <label for="contains-all-checkbox">Contains all kanji in list</label>
+        <label>Contains all kanji in list</label>
         <input type="checkbox" id="contains-all-checkbox">
       </div>
       <div class="filter-item">
-        <label for="inverse-result-checkbox">Inverse result</label>
+        <label>Inverse result</label>
         <input type="checkbox" id="inverse-result-checkbox">
       </div>
     </div>

index.js

@@ -242,7 +242,5 @@ const searchOnEnter = (e) => {
 };
 
 kanjiListInput.addEventListener('keydown', searchOnEnter);
-otherKanjiCountInput.addEventListener('keydown', searchOnEnter);
-containsReadingInput.addEventListener('keydown', searchOnEnter);
 searchBtn.addEventListener('click', search);
 exportTxtBtn.addEventListener('click', exportTxt);