Minor UI fixes for "Population" page HEAD main

* Fix tabulation
* Reduce amount of text
* Leave comments for future improvements.

1 files changed, 47 insertions, 29 deletions

diff --git a/uploader/templates/populations/sui-view-population.html b/uploader/templates/populations/sui-view-population.html
index ebd7ea3..3bf8d0d 100644
--- a/uploader/templates/populations/sui-view-population.html
+++ b/uploader/templates/populations/sui-view-population.html
@@ -29,23 +29,23 @@
               aria-selected="false">Phenotypes</button></li>
     {%if view_under_construction%}
     <li class="nav-item presentation">
-        <button class="nav-link"
-                id="genotypes-tab"
-                data-bs-toggle="tab"
-                data-bs-target="#genotypes-content"
-                type="button"
-                role="tab"
-                aria-controls="genotypes-content"
-                aria-selected="false">Genotypes</button></li>
+      <button class="nav-link"
+              id="genotypes-tab"
+              data-bs-toggle="tab"
+              data-bs-target="#genotypes-content"
+              type="button"
+              role="tab"
+              aria-controls="genotypes-content"
+              aria-selected="false">Genotypes</button></li>
     <li class="nav-item presentation">
-        <button class="nav-link"
-                id="expression-data-tab"
-                data-bs-toggle="tab"
-                data-bs-target="#expression-data-content"
-                type="button"
-                role="tab"
-                aria-controls="expression-data-content"
-                aria-selected="false">Expression-Data</button></li>
+      <button class="nav-link"
+              id="expression-data-tab"
+              data-bs-toggle="tab"
+              data-bs-target="#expression-data-content"
+              type="button"
+              role="tab"
+              aria-controls="expression-data-content"
+              aria-selected="false">Expression-Data</button></li>
     {%endif%}
   </ul>
 </div>
@@ -74,19 +74,37 @@
          id="phenotypes-content"
          role="tabpanel"
          aria-labelledby="phenotypes-content-tab">
-      <p>This will allow you to upload new phenotypes intended for publication
-        (or already published) to the system.</p>
-      <p>The new phenotypes will be grouped under the
-        "<em>{{population.FullName}} ({{population.Name}})</em>" population of
-        the "<em>{{species.FullName}} ({{species.Name}})</em>" species, as
-        selected in previous steps.</p>
-      <p>Please click the button below to proceed.</p>
-      <a href="{{url_for('species.populations.phenotypes.view_dataset',
-           species_id=species.SpeciesId,
-           population_id=population.Id,
-           dataset_id=dataset.Id)}}"
-         title="Upload phenotype data for population '{{population['Name']}}'"
-         class="btn btn-primary">Upload Phenotypes</a>
+      <p>Upload and manage phenotypes and publications for population
+        "<em>{{population.FullName}} ({{population.Name}})</em>" of species
+        "<em>{{species.FullName}} ({{species.Name}})</em>".</p>
+
+      <p class="text-danger">Tabs will not work nicely here. Maybe present
+        options e.g.:
+      </p>
+      <div class="row">
+        <div class="col">
+          <a href="{{url_for('species.populations.phenotypes.view_dataset',
+                   species_id=species.SpeciesId,
+                   population_id=population.Id,
+                   dataset_id=dataset.Id)}}"
+             title="Upload phenotype data for population '{{population['Name']}}'"
+             class="btn btn-primary">Upload new Phenotypes</a>
+          <!-- Go straight to upload form(s). -->
+        </div>
+        <div class="col">
+          <a href="#"
+             title="List all existing phenotypes for this population."
+             class="btn btn-info not-implemented">list existing phenotypes</a>
+          <!-- Means and QTLReaper will be computed in this page. -->
+        </div>
+        <div class="col">
+          <a href="#"
+             title="List all existing publications for this population."
+             class="btn btn-info not-implemented">list existing publications</a>
+          <!-- Maybe, actually filter publications by population? -->
+          <!-- Provide other features for publications on loaded page. -->
+        </div>
+      </div>
     </div>
     <div class="tab-pane fade"
          id="genotypes-content"