diff --git a/static/all.css b/static/all.css index 62ce27a..8ded300 100644 --- a/static/all.css +++ b/static/all.css @@ -43,6 +43,7 @@ button { } .top-spacer { - display: inline-block; + display: block; margin-top: 2em; } + diff --git a/static/qrapi.js b/static/qrapi.js index e3f88d3..9966d7d 100644 --- a/static/qrapi.js +++ b/static/qrapi.js @@ -27,7 +27,7 @@ var base_url = "/"; $(document).ready(function() { var image_area = $('
'); image_area.attr('class', 'fat-border padding top-spacer'); - var container = $('#container'); + var form = $('form'); add_tip_to($('#tips')) @@ -46,7 +46,7 @@ $(document).ready(function() { image_area.empty(); image_area.hide(); image_area.append(qr_image); - container.append(image_area); + form.after(image_area); image_area.fadeIn(); } else { @@ -62,7 +62,7 @@ function add_tip_to(element){ $(this).fadeIn("normal", function () { setTimeout(function () { add_tip_to(element) - }, 5000); + }, tip_delay); }); }); } diff --git a/templates/frontpage.html b/templates/frontpage.html index 06daa09..e480f47 100644 --- a/templates/frontpage.html +++ b/templates/frontpage.html @@ -14,8 +14,8 @@ + -

QR API

Is an API that allows you to directly create images with QR patterns in them to be generated dynamically through a web interface