From 32bdaef6759817c6d4e8e0b100a7cf772de36b30 Mon Sep 17 00:00:00 2001
From: toxinu <toxinu@gmail.com>
Date: Fri, 8 Oct 2021 18:13:33 +0000
Subject: [PATCH 1/3] Fix inputs right margin on mobile

---
 conjugation/drill.css  | 6 +++++-
 conjugation/drill.html | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/conjugation/drill.css b/conjugation/drill.css
index 034e06e..257a8fb 100644
--- a/conjugation/drill.css
+++ b/conjugation/drill.css
@@ -192,7 +192,11 @@ body, input {
 }
 
 input#numQuestions {
-  width: 60px;
+  width: 100%;
+}
+
+select#questionFocus {
+  width: 100%;
 }
 
 div.options ul {
diff --git a/conjugation/drill.html b/conjugation/drill.html
index f759bb0..7a6c9ab 100755
--- a/conjugation/drill.html
+++ b/conjugation/drill.html
@@ -25,19 +25,19 @@
       <dl class="questionOptions mx-auto mb-0">
         <div class="form-group">
           <dt>
-            <label for="numQuestions" class="col-form-label">Number of Questions</label>
+            <label for="numQuestions" class="col-form-label mr-2">Number of Questions</label>
           </dt>
           <dd>
-            <input class="mb-2 ml-2 form-control" style="width: 100%" type="number" placeholder="Questions"
+            <input class="mb-2 form-control" type="number" placeholder="Questions"
               aria-label="Number of Questions" aria-describedby="basic-addon2" id="numQuestions" value="10">
           </dd>
         </div>
         <div class="form-group">
           <dt>
-            <label for="questionFocus" class="col-form-label">Question Focus</label>
+            <label for="questionFocus" class="col-form-label mr-2">Question Focus</label>
           </dt>
           <dd>
-            <select id="questionFocus" class="form-control ml-2" aria-label="Question Focus">
+            <select id="questionFocus" class="form-control" aria-label="Question Focus">
               <option value="none">None</option>
               <option value="politeness">Politeness</option>
               <option value="negative">Negative</option>

From 5ca848cdccc8c1a835cea4fe3b3d86c7f2470964 Mon Sep 17 00:00:00 2001
From: toxinu <toxinu@gmail.com>
Date: Fri, 8 Oct 2021 18:14:34 +0000
Subject: [PATCH 2/3] Disable auto capitalize on answer input

---
 conjugation/drill.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/conjugation/drill.html b/conjugation/drill.html
index 7a6c9ab..0a6007f 100755
--- a/conjugation/drill.html
+++ b/conjugation/drill.html
@@ -233,7 +233,7 @@
     <div id="inputArea" class="row">
       <div class="col-12">
         <form action="javascript:processAnswer()">
-          <input placeholder="答え" autocomplete="off" id="answer" aria-label="答え">
+          <input placeholder="答え" autocomplete="off" autocapitalize="off" id="answer" aria-label="答え">
         </form>
       </div>
     </div>

From a7cde8f9f1befa3f6c5836288743983b1e33132d Mon Sep 17 00:00:00 2001
From: toxinu <toxinu@gmail.com>
Date: Fri, 8 Oct 2021 18:15:02 +0000
Subject: [PATCH 3/3] Fix outline on iOS Safari

---
 conjugation/drill.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/conjugation/drill.css b/conjugation/drill.css
index 257a8fb..63c96c7 100644
--- a/conjugation/drill.css
+++ b/conjugation/drill.css
@@ -150,6 +150,7 @@ body, input {
 
 #answer:focus {
   outline-width: 0;
+  outline: none;
 }
 
 .correct,