From 169a13c01b6035f5c939397228e6b2b76483c9a7 Mon Sep 17 00:00:00 2001
From: Nathan Cannon <neviynhd@gmail.com>
Date: Sat, 20 Feb 2016 21:19:45 +0000
Subject: [PATCH] Fixed grid settings to properly show linear progress element
 on small resolutions. fixes #2

---
 templates/quiz.html    | 2 +-
 templates/welcome.html | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/quiz.html b/templates/quiz.html
index aac5aef..e25b17a 100644
--- a/templates/quiz.html
+++ b/templates/quiz.html
@@ -66,7 +66,7 @@
 </nav>
 <div class="container-fluid">
     <div class="row">
-        <div class="col-md-2 col-md-offset-10">
+        <div class="col-md-2 col-md-offset-10 col-xs-3 col-xs-offset-9">
             <div id="quiz-counter" class="input-group" style="visibility: hidden">
                 <input id="current-quiz" type="number" class="form-control">
                 <span id="total-quiz" class="input-group-addon">/0</span>
diff --git a/templates/welcome.html b/templates/welcome.html
index 47e6dd9..36757f2 100644
--- a/templates/welcome.html
+++ b/templates/welcome.html
@@ -6,10 +6,10 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-md-4">
+        <div class="col-md-4 col-xs-12 text-center">
             <img class="padded" src="{{ url_for('static', filename='burned.png')}}" alt="Turtle with fire icon on back">
         </div>
-        <div class="col-md-8">
+        <div class="col-md-8 col-xs-12">
         <form id="submissionform" role="form" class="form-group" method="POST" action="/">
             <div class="input-group">
                 {{ form.csrf_token }}
@@ -21,7 +21,7 @@
         </form>
         <div class="navbar-text"><a href="https://www.wanikani.com/account"><img alt="WaniKani" src="{{ url_for('static', filename='wanikani.png') }}"> WaniKani Account (Get API key from here!)</a></div>
         </div>
-        <div class="col-md-8">
+        <div class="col-md-8 col-xs-12">
             {% for error in form.api_key.errors %}
                 <div class="alert alert-warning alert-dismissible" role="alert">
                     <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>