From 026d10646c2589d672b81c5f0b8e8ed6bc994122 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Fri, 14 Jun 2024 10:29:12 -0500
Subject: 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.
---
 qc_app/templates/select_species.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'qc_app/templates/select_species.html')

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%}
 
-- 
cgit v1.2.3