Moved answer submission button inline with text entry area.

This commit is contained in:
neviyn 2015-10-24 01:29:37 +01:00
parent 4183ef6df8
commit 25d916d4a0
2 changed files with 11 additions and 6 deletions

View File

@ -29,11 +29,14 @@ body{
.answer-size{ .answer-size{
font-size: 200%; font-size: 200%;
height: auto;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.answer-form{
height: 54px;
}
.help-size{ .help-size{
font-size: 200%; font-size: 200%;
color: white; color: white;

View File

@ -61,15 +61,17 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="form-group"> <div class="input-group">
<label for="kana"></label><input type="text" autocomplete=off id="kana" class="form-control answer-size"> <span class="input-group-addon"> </span>
<label for="kana"></label><input type="text" autocomplete=off id="kana" class="form-control answer-size answer-form">
<span class="input-group-btn">
<button id="submit-answer" class="btn btn-default answer-form" type="button"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>
</span>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12 text-center"> <br />
<button class="btn btn-default btn-lg" id="submit-answer">Check</button>
</div>
</div> </div>
<div class="row"> <div class="row">
<div id="answer" class="col-md-12 text-center help-size hidden"> <div id="answer" class="col-md-12 text-center help-size hidden">