keb/japanese-conjugation-drill
1
0
Fork 0
mirror of https://github.com/ZetaKebab/japanese-conjugation-drill.git synced 2024-09-16 10:10:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix inputs right margin on mobile

Browse Source
This commit is contained in:
toxinu 2021-10-08 18:13:33 +00:00
parent d6ebdc5a95
commit 32bdaef675
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
conjugation/drill.css
View File

@ -192,7 +192,11 @@ body, input {
} }
input#numQuestions { input#numQuestions {
width: 60px; width: 100%;
}
select#questionFocus {
width: 100%;
} }
div.options ul { div.options ul {

8
conjugation/drill.html
View File

@ -25,19 +25,19 @@
<dl class="questionOptions mx-auto mb-0"> <dl class="questionOptions mx-auto mb-0">
<div class="form-group"> <div class="form-group">
<dt> <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> </dt>
<dd> <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"> aria-label="Number of Questions" aria-describedby="basic-addon2" id="numQuestions" value="10">
</dd> </dd>
</div> </div>
<div class="form-group"> <div class="form-group">
<dt> <dt>
<label for="questionFocus" class="col-form-label">Question Focus</label> <label for="questionFocus" class="col-form-label mr-2">Question Focus</label>
</dt> </dt>
<dd> <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="none">None</option>
<option value="politeness">Politeness</option> <option value="politeness">Politeness</option>
<option value="negative">Negative</option> <option value="negative">Negative</option>