Move previews below each item rather than being in the sidebar.

2 files changed, 7 insertions, 11 deletions

diff --git a/uploader/templates/phenotypes/add-phenotypes-raw-files.html b/uploader/templates/phenotypes/add-phenotypes-raw-files.html
index 5709491..e6d6dca 100644
--- a/uploader/templates/phenotypes/add-phenotypes-raw-files.html
+++ b/uploader/templates/phenotypes/add-phenotypes-raw-files.html
@@ -134,6 +134,7 @@
     <a href="#docs-file-phenotype-description"
        title="Documentation of the phenotype data file format.">
       "Phenotypes Descriptions" documentation</a> section below.</p>')}}
+  {{display_preview_table("tbl-preview-pheno-desc", "phenotype descriptions")}}
 
 
   <div class="form-group non-resumable-elements">
@@ -161,6 +162,7 @@
     <a href="#docs-file-phenotype-data"
        title="Documentation of the phenotype data file format.">
       "Phenotypes Data" documentation</a> section below.</p>')}}
+  {{display_preview_table("tbl-preview-pheno-data", "phenotype data")}}
 
   {%if population.Family in families_with_se_and_n%}
   <div class="form-group non-resumable-elements">
@@ -185,6 +187,7 @@
     <a href="#docs-file-phenotype-se"
        title="Documentation of the phenotype data file format.">
       "Phenotypes Data" documentation</a> section below.</p>')}}
+  {{display_preview_table("tbl-preview-pheno-se", "standard errors")}}
 
   
   <div class="form-group non-resumable-elements">
@@ -210,6 +213,7 @@
     <a href="#docs-file-phenotype-n"
        title="Documentation of the phenotype data file format.">
       "Phenotypes Data" documentation</a> section below.</p>')}}
+  {{display_preview_table("tbl-preview-pheno-n", "number of samples/individuals")}}
 </fieldset>
 {%endif%}
 {%endblock%}
@@ -346,12 +350,6 @@
 {%endblock%}
 
 {%block sidebarcontents%}
-{{display_preview_table("tbl-preview-pheno-desc", "descriptions")}}
-{{display_preview_table("tbl-preview-pheno-data", "data")}}
-{%if population.Family in families_with_se_and_n%}
-{{display_preview_table("tbl-preview-pheno-se", "standard errors")}}
-{{display_preview_table("tbl-preview-pheno-n", "number of samples")}}
-{%endif%}
 {{display_pheno_dataset_card(species, population, dataset)}}
 {%endblock%}
 
diff --git a/uploader/templates/phenotypes/macro-display-preview-table.html b/uploader/templates/phenotypes/macro-display-preview-table.html
index f54c53e..5a4c422 100644
--- a/uploader/templates/phenotypes/macro-display-preview-table.html
+++ b/uploader/templates/phenotypes/macro-display-preview-table.html
@@ -1,7 +1,7 @@
 {%macro display_preview_table(tableid, filetype)%}
-<div class="card" style="max-width: 676px;">
+<div class="card">
   <div class="card-body">
-    <h5 class="card-title">Phenotypes '{{filetype | title}}' File Preview</h5>
+    <h5 class="card-title">{{filetype | title}}: File Preview</h5>
     <div class="card-text" style="overflow: scroll;">
       <table id="{{tableid}}" class="table table-condensed table-responsive">
         <thead>
@@ -9,9 +9,7 @@
           </tr>
         <tbody>
           <tr>
-            <td class="data-row-template text-info">
-              Provide a phenotype '{{filetype | lower}}' file to preview.
-            </td>
+            <td class="data-row-template text-info"></td>
           </tr>
         </tbody>
       </table>