Update html templates to use bootstrap for styling

1 files changed, 43 insertions, 43 deletions

diff --git a/qc_app/templates/rqtl2/summary-info.html b/qc_app/templates/rqtl2/summary-info.html
index 8b05578..1be87fa 100644
--- a/qc_app/templates/rqtl2/summary-info.html
+++ b/qc_app/templates/rqtl2/summary-info.html
@@ -6,60 +6,60 @@
 {%block contents%}
 <h2 class="heading">Summary</h2>
 
-<div class="explainer">
+<div class="row">
   <p>This is the information you have provided to accompany the R/qtl2 bundle
     you have uploaded. Please verify the information is correct before
     proceeding.</p>
 </div>
 
-<dl>
-  <dt>Species</dt>
-  <dd>{{species.SpeciesName}} ({{species.FullName}})</dd>
+<div class="row">
+  <dl>
+    <dt>Species</dt>
+    <dd>{{species.SpeciesName}} ({{species.FullName}})</dd>
 
-  <dt>Population</dt>
-  <dd>{{population.InbredSetName}}</dd>
+    <dt>Population</dt>
+    <dd>{{population.InbredSetName}}</dd>
 
-  {%if geno_dataset%}
-  <dt>Genotype Dataset</dt>
-  <dd>{{geno_dataset.Name}} ({{geno_dataset.FullName}})</dd>
-  {%endif%}
+    {%if geno_dataset%}
+    <dt>Genotype Dataset</dt>
+    <dd>{{geno_dataset.Name}} ({{geno_dataset.FullName}})</dd>
+    {%endif%}
 
-  {%if tissue%}
-  <dt>Tissue</dt>
-  <dd>{{tissue.TissueName}} ({{tissue.Name}}, {{tissue.Short_Name}})</dd>
-  {%endif%}
+    {%if tissue%}
+    <dt>Tissue</dt>
+    <dd>{{tissue.TissueName}} ({{tissue.Name}}, {{tissue.Short_Name}})</dd>
+    {%endif%}
 
-  {%if probe_study%}
-  <dt>ProbeSet Study</dt>
-  <dd>{{probe_study.Name}} ({{probe_study.FullName}})</dd>
-  {%endif%}
+    {%if probe_study%}
+    <dt>ProbeSet Study</dt>
+    <dd>{{probe_study.Name}} ({{probe_study.FullName}})</dd>
+    {%endif%}
 
-  {%if probe_dataset%}
-  <dt>ProbeSet Dataset</dt>
-  <dd>{{probe_dataset.Name2}} ({{probe_dataset.FullName}})</dd>
-  {%endif%}
-</dl>
+    {%if probe_dataset%}
+    <dt>ProbeSet Dataset</dt>
+    <dd>{{probe_dataset.Name2}} ({{probe_dataset.FullName}})</dd>
+    {%endif%}
+  </dl>
+</div>
 
-<form id="frm:confirm-rqtl2bundle-details"
-      action="{{url_for('upload.rqtl2.confirm_bundle_details',
-	      species_id=species.SpeciesId,
-	      population_id=population.InbredSetId)}}"
-      method="POST"
-      enctype="multipart/form-data">
-  <legend class="heading">Create ProbeSet dataset</legend>
+<div class="row">
+  <form id="frm:confirm-rqtl2bundle-details"
+        action="{{url_for('upload.rqtl2.confirm_bundle_details',
+	        species_id=species.SpeciesId,
+	        population_id=population.InbredSetId)}}"
+        method="POST"
+        enctype="multipart/form-data">
+    <legend class="heading">Create ProbeSet dataset</legend>
 
-  <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
-  <input type="hidden" name="population_id"
-	 value="{{population.InbredSetId}}" />
-  <input type="hidden" name="rqtl2_bundle_file" value="{{rqtl2_bundle_file}}" />
-  <input type="hidden" name="geno-dataset-id" value="{{geno_dataset.Id}}" />
-  <input type="hidden" name="probe-study-id" value="{{probe_study.Id}}" />
-  <input type="hidden" name="probe-dataset-id" value="{{probe_dataset.Id}}" />
+    <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
+    <input type="hidden" name="population_id"
+	   value="{{population.InbredSetId}}" />
+    <input type="hidden" name="rqtl2_bundle_file" value="{{rqtl2_bundle_file}}" />
+    <input type="hidden" name="geno-dataset-id" value="{{geno_dataset.Id}}" />
+    <input type="hidden" name="probe-study-id" value="{{probe_study.Id}}" />
+    <input type="hidden" name="probe-dataset-id" value="{{probe_dataset.Id}}" />
 
-  <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%}