Update html templates to use bootstrap for styling

1 files changed, 39 insertions, 39 deletions

diff --git a/qc_app/templates/rqtl2/rqtl2-qc-job-results.html b/qc_app/templates/rqtl2/rqtl2-qc-job-results.html
index 35dc95a..59bc8cd 100644
--- a/qc_app/templates/rqtl2/rqtl2-qc-job-results.html
+++ b/qc_app/templates/rqtl2/rqtl2-qc-job-results.html
@@ -6,61 +6,61 @@
 {%block contents%}
 <h1 class="heading">R/qtl2 bundle: QC job results</h1>
 
-<div class="explainer">
+<div class="row">
   <p>The R/qtl2 bundle you uploaded has passed all automated quality-control
     checks successfully.</p>
   <p>You may now continue to load the data into GeneNetwork for the bundle, with
     the following details:</p>
 </div>
 
-<form id="form-qc-job-results"
-      action="{{url_for('upload.rqtl2.select_dataset_info',
-	      species_id=species.SpeciesId,
-	      population_id=population.Id)}}"
-      method="POST">
-  <fieldset>
-    <legend>Species</legend>
-    <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
+<div class="row">
+  <form id="form-qc-job-results"
+        action="{{url_for('upload.rqtl2.select_dataset_info',
+	        species_id=species.SpeciesId,
+	        population_id=population.Id)}}"
+        method="POST">
+    <div class="form-group">
+      <legend>Species</legend>
+      <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
 
-    <span class="form-col-1">Name</span>
-    <span class="form-col-2">{{species.Name | capitalize}}</span>
+      <span class="form-label">Name</span>
+      <span class="form-text">{{species.Name | capitalize}}</span>
 
-    <span class="form-col-1">Scientific</span>
-    <span class="form-col-2">{{species.FullName | capitalize}}</span>
-  </fieldset>
+      <span class="form-label">Scientific</span>
+      <span class="form-text">{{species.FullName | capitalize}}</span>
+    </div>
 
-  <fieldset>
-    <legend>population</legend>
-    <input type="hidden" name="population_id" value="{{population.Id}}" />
+    <div class="form-group">
+      <legend>population</legend>
+      <input type="hidden" name="population_id" value="{{population.Id}}" />
 
-    <span class="form-col-1">Name</span>
-    <span class="form-col-2">{{population.InbredSetName}}</span>
+      <span class="form-label">Name</span>
+      <span class="form-text">{{population.InbredSetName}}</span>
 
-    <span class="form-col-1">Full Name</span>
-    <span class="form-col-2">{{population.FullName}}</span>
+      <span class="form-label">Full Name</span>
+      <span class="form-text">{{population.FullName}}</span>
 
-    <span class="form-col-1">Genetic Type</span>
-    <span class="form-col-2">{{population.GeneticType}}</span>
+      <span class="form-label">Genetic Type</span>
+      <span class="form-text">{{population.GeneticType}}</span>
 
-    <span class="form-col-1">Description</span>
-    <span class="form-col-2">{{population.Description or "-"}}</span>
-  </fieldset>
+      <span class="form-label">Description</span>
+      <span class="form-text">{{population.Description or "-"}}</span>
+    </div>
 
-  <fieldset>
-    <legend>R/qtl2 Bundle File</legend>
-    <input type="hidden" name="rqtl2_bundle_file" value="{{rqtl2bundle}}" />
-    <input type="hidden" name="original-filename" value="{{rqtl2bundleorig}}" />
+    <div class="form-group">
+      <legend>R/qtl2 Bundle File</legend>
+      <input type="hidden" name="rqtl2_bundle_file" value="{{rqtl2bundle}}" />
+      <input type="hidden" name="original-filename" value="{{rqtl2bundleorig}}" />
 
-    <span class="form-col-1">Original Name</span>
-    <span class="form-col-2">{{rqtl2bundleorig}}</span>
+      <span class="form-label">Original Name</span>
+      <span class="form-text">{{rqtl2bundleorig}}</span>
 
-    <span class="form-col-1">Internal Name</span>
-    <span class="form-col-2">{{rqtl2bundle[0:25]}}&hellip;</span>
-  </fieldset>
+      <span class="form-label">Internal Name</span>
+      <span class="form-text">{{rqtl2bundle[0:25]}}&hellip;</span>
+    </div>
 
-  <fieldset>
-    <input type="submit" value="continue" class="btn btn-primary form-col-2" />
-  </fieldset>
-</form>
+    <button type="submit" class="btn btn-primary">continue</button>
+  </form>
+</div>
 
 {%endblock%}