Re-organise UI

Move action buttons between introductory text and the table of
phenotypes.

1 files changed, 10 insertions, 12 deletions

diff --git a/uploader/templates/phenotypes/view-dataset.html b/uploader/templates/phenotypes/view-dataset.html
index 1beeb32..7a33438 100644
--- a/uploader/templates/phenotypes/view-dataset.html
+++ b/uploader/templates/phenotypes/view-dataset.html
@@ -45,6 +45,15 @@
 </div>
 
 <div class="row">
+  <h2>Phenotype Data</h2>
+
+  <p>Click on any of the phenotypes in the table below to view and edit that
+    phenotype's data.</p>
+  <p>Use the search to filter through all the phenotypes and find specific
+    phenotypes of interest.</p>
+</div>
+
+<div class="row">
   <div class="col">
     <a href="{{url_for('species.populations.phenotypes.add_phenotypes',
              species_id=species.SpeciesId,
@@ -105,18 +114,7 @@
   {%endif%}
 </div>
 
-<div class="row">
-  <h2>Phenotype Data</h2>
-
-  <p>Click on any of the phenotypes in the table below to view and edit that
-    phenotype's data.</p>
-  <p>Use the search to filter through all the phenotypes and find specific
-    phenotypes of interest.</p>
-</div>
-
-
-<div class="row">
-
+<div class="row" style="margin-top: 0.5em;">
   <table id="tbl-phenotypes-list" class="table compact stripe cell-border">
     <thead>
       <tr>