Move the modal to top of page to avoid display issues

According to
https://getbootstrap.com/docs/3.3/javascript/#callout-modal-markup-placement
the bootstrap modal dialogs should be placed at the top of the page to
avoid other components affecting their display and/or functionality.

1 files changed, 2 insertions, 2 deletions

diff --git a/qc_app/templates/select_species.html b/qc_app/templates/select_species.html
index 30f99b4..35850de 100644
--- a/qc_app/templates/select_species.html
+++ b/qc_app/templates/select_species.html
@@ -5,6 +5,8 @@
 {%block title%}Data Upload{%endblock%}
 
 {%block contents%}
+{{upload_progress_indicator()}}
+
 <div class="row">
   <form action="{{url_for('entry.upload_file')}}"
         method="POST"
@@ -57,8 +59,6 @@
 
     <button type="submit" class="btn btn-primary">upload file</button>
   </form>
-
-  {{upload_progress_indicator()}}
 </div>
 {%endblock%}