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/rqtl2/upload-rqtl2-bundle-step-01.html | 4 ++--
 qc_app/templates/select_species.html                    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html b/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html
index 5cf9dfd..3687b2f 100644
--- a/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html
+++ b/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html
@@ -5,10 +5,10 @@
 {%block title%}Upload R/qtl2 Bundle{%endblock%}
 
 {%block contents%}
-<h2 class="heading">Upload R/qtl2 Bundle</h2>
-
 {{upload_progress_indicator()}}
 
+<h2 class="heading">Upload R/qtl2 Bundle</h2>
+
 <form id="frm-upload-rqtl2-bundle"
       action="{{url_for('upload.rqtl2.upload_rqtl2_bundle',
 	      species_id=species.SpeciesId,
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