From 45d3f2b14db7aa473facf3d051302716846d6fa2 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Fri, 27 May 2022 13:52:31 +0300
Subject: Fix UI Errors

- Display index correctly
- Move checkbox element to the table body
- Make progress indicator prominent
---
 .../templates/partial_correlations/pcorrs_poll_results.html |  8 +++++---
 .../partial_correlations/pcorrs_results_presentation.html   | 13 +++++++------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/wqflask/wqflask/templates/partial_correlations/pcorrs_poll_results.html b/wqflask/wqflask/templates/partial_correlations/pcorrs_poll_results.html
index 57a7ce99..38577c32 100644
--- a/wqflask/wqflask/templates/partial_correlations/pcorrs_poll_results.html
+++ b/wqflask/wqflask/templates/partial_correlations/pcorrs_poll_results.html
@@ -10,8 +10,10 @@
 {%block content%}
 
 <div class="container">
-  <p>Computing partial correlations...</p>
-  <img src="/static/gif/waitAnima2.gif"
-       alt="Image indicating computation of partial correlations is ongoing" />
+  <center>
+    <h1>Computing partial correlations...</h1>
+    <img src="/static/gif/waitAnima2.gif"
+	 alt="Image indicating computation of partial correlations is ongoing" />
+    </center>
 </div>
 {%endblock%}
diff --git a/wqflask/wqflask/templates/partial_correlations/pcorrs_results_presentation.html b/wqflask/wqflask/templates/partial_correlations/pcorrs_results_presentation.html
index 735f0cdf..fd534188 100644
--- a/wqflask/wqflask/templates/partial_correlations/pcorrs_results_presentation.html
+++ b/wqflask/wqflask/templates/partial_correlations/pcorrs_results_presentation.html
@@ -45,8 +45,6 @@
       <thead>
 	<tr>
 	  <th>
-	    <input type="checkbox" name="chk_{{trait['trait_name']}}"
-		   value="{{trait['trait_fullname']}}" />
 	  </th>
 	  <th>Index</th>
 	  <th>Record</th>
@@ -65,8 +63,11 @@
       <tbody>
 	{%for idx, trait in enumerate(correlations, start=1):%}
 	<tr class="results-row">
-	  <td></td>
-	  <td data-column-heading="Index">idx</td>
+	  <td>
+	    <input type="checkbox" name="chk_{{trait['trait_name']}}"
+		   value="{{trait['trait_fullname']}}" />
+	  </td>
+	  <td data-column-heading="Index">{{idx}}</td>
 	  <td data-column-heading="Record">
 	    <a href="{{url_for(
 		     'show_trait_page',
@@ -129,7 +130,7 @@
 	    <input type="checkbox" name="chk_{{trait['trait_name']}}"
 		   value="{{trait['trait_fullname']}}" />
 	  </td>
-	  <td data-column-heading="Index">idx</td>
+	  <td data-column-heading="Index">{{idx}}</td>
 	  <td data-column-heading="Locus">
 	    <a href="{{url_for(
 		     'show_trait_page',
@@ -198,7 +199,7 @@
 	    <input type="checkbox" name="chk_{{trait['trait_name']}}"
 		   value="{{trait['trait_fullname']}}" />
 	  </td>
-	  <td data-column-heading="Index">idx</td>
+	  <td data-column-heading="Index">{{idx}}</td>
 	  <td data-column-heading="Record">
 	    <a href="{{url_for(
 		     'show_trait_page',
-- 
cgit v1.2.3