From 25d916d4a019dd27d915aef66f54413cd7a06d40 Mon Sep 17 00:00:00 2001
From: Nathan Cannon <neviynhd@gmail.com>
Date: Sat, 24 Oct 2015 01:29:37 +0100
Subject: [PATCH] Moved answer submission button inline with text entry area.

---
 static/style.css    |  5 ++++-
 templates/quiz.html | 12 +++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/static/style.css b/static/style.css
index 9119a82..a768e46 100644
--- a/static/style.css
+++ b/static/style.css
@@ -29,11 +29,14 @@ body{
 
 .answer-size{
     font-size: 200%;
-    height: auto;
     width: 100%;
     text-align: center;
 }
 
+.answer-form{
+    height: 54px;
+}
+
 .help-size{
     font-size: 200%;
     color: white;
diff --git a/templates/quiz.html b/templates/quiz.html
index 0b94b58..4dff007 100644
--- a/templates/quiz.html
+++ b/templates/quiz.html
@@ -61,15 +61,17 @@
     </div>
     <div class="row">
         <div class="col-md-12">
-            <div class="form-group">
-                <label for="kana"></label><input type="text" autocomplete=off id="kana" class="form-control answer-size">
+            <div class="input-group">
+                <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 class="row">
-        <div class="col-md-12 text-center">
-            <button class="btn btn-default btn-lg" id="submit-answer">Check</button>
-        </div>
+        <br />
     </div>
     <div class="row">
         <div id="answer" class="col-md-12 text-center help-size hidden">