mirror of
https://github.com/ZetaKebab/japanese-conjugation-drill.git
synced 2025-01-14 22:08:44 +00:00
Fix inputs right margin on mobile
This commit is contained in:
parent
d6ebdc5a95
commit
32bdaef675
@ -192,7 +192,11 @@ body, input {
|
||||
}
|
||||
|
||||
input#numQuestions {
|
||||
width: 60px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
select#questionFocus {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.options ul {
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user