genotypes: Reorganise UI.

1 files changed, 20 insertions, 18 deletions

diff --git a/uploader/templates/genotypes/list-genotypes.html b/uploader/templates/genotypes/list-genotypes.html
index b70dac0..fd84c2f 100644
--- a/uploader/templates/genotypes/list-genotypes.html
+++ b/uploader/templates/genotypes/list-genotypes.html
@@ -9,20 +9,6 @@
 {{flash_all_messages()}}
 
 <div class="row">
-  <h2>Genetic Markers</h2>
-  <p>There are a total of {{total_markers}} currently registered genetic markers
-    for the "{{species.FullName}}" species. You can click
-    <a href="{{url_for('species.populations.genotypes.list_markers',
-             species_id=species.SpeciesId,
-             population_id=population.Id)}}"
-       title="View genetic markers for species '{{species.FullName}}"
-       target="_blank">
-      here to view the genetic markers
-    </a>.
-  </p>
-</div>
-
-<div class="row">
   <h2>Genotype Encoding</h2>
   <p>
     The genotype encoding used for the "{{population.FullName}}" population from
@@ -57,14 +43,30 @@
   </table>
 
   {%if genocode | length < 1%}
-  <a href="#add-genotype-encoding"
-     title="Add a genotype encoding system for this population"
-     class="btn btn-primary not-implemented">
-    add genotype encoding
+  <div class="col">
+    <a href="#add-genotype-encoding"
+       title="Add a genotype encoding system for this population"
+       class="btn btn-primary not-implemented">
+      define genotype encoding
     </a>
+  </div>
   {%endif%}
 </div>
 
+<div class="row">
+  <h2>Genetic Markers</h2>
+  <p>There are a total of {{total_markers}} currently registered genetic markers
+    for the "{{species.FullName}}" species. You can click
+    <a href="{{url_for('species.populations.genotypes.list_markers',
+             species_id=species.SpeciesId,
+             population_id=population.Id)}}"
+       title="View genetic markers for species '{{species.FullName}}"
+       target="_blank">
+      here to view the genetic markers
+    </a>.
+  </p>
+</div>
+
 <div class="row text-danger">
   <h3>Some Important Concepts to Consider/Remember</h3>
   <ul>