From 8ed18d083d3672b76546573d301e8a6e14d1cdf0 Mon Sep 17 00:00:00 2001
From: davidteather <davidteather@users.noreply.github.com>
Date: Wed, 26 Aug 2020 18:03:00 -0500
Subject: [PATCH] Moved Disclaimers & Aligned Text

---
 .../app/stats-row/stats-row.component.html    | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/corona-dashboard/src/app/stats-row/stats-row.component.html b/corona-dashboard/src/app/stats-row/stats-row.component.html
index 9ab0b1c..ec07f0f 100644
--- a/corona-dashboard/src/app/stats-row/stats-row.component.html
+++ b/corona-dashboard/src/app/stats-row/stats-row.component.html
@@ -1,13 +1,11 @@
 <div class="row" style="margin-top:20px;">
   <div class="col-md-6" style="margin-top:10px;">
     <i class="text-center fas fa-virus mx-auto"
-      style="font-size:10rem;display: inline-block; width:100%; color:#fc5f5f;margin-bottom:10px;"></i>
-    <h3 class="text-center">Active Cases<sup data-toggle="tooltip" data-placement="right"
-        title="An estimation calculated by the amount of cases reported in the last 14 days minus deaths in the last 14 days."
+      style="font-size:10rem; top:8px;position: relative;width:100%; color:#fc5f5f;margin-bottom:15px;"></i>
+    <h3 class="text-center" style="margin-top:10px;">Active Cases: {{data.positive-data.pos_14_days_ago-(data.deaths-data.deaths_14_days_ago)}}
+      (+{{data.positive-data.pos_1_days_ago}})<sup data-toggle="tooltip" data-placement="right" data-html="true"
+        title="<b>Active cases:</b> An Estimation using the total amount of positive tests in the last 14 days minus any deaths. <br><br>The number in the parentheses is how many new cases appeared in the last day."
         style="vertical-align: super;
-      font-size: 1rem;">
-        *</sup>: {{data.positive-data.pos_14_days_ago-(data.deaths-data.deaths_14_days_ago)}} (+{{data.positive-data.pos_1_days_ago}})<sup
-        data-toggle="tooltip" data-placement="right" title="The daily increase of positive results." style="vertical-align: super;
       font-size: 1rem;">
         *</sup>
     </h3>
@@ -16,15 +14,13 @@ <h3 class="text-center">Total Positive: {{data.positive}}</h3>
 
   <div class="col-md-6" style="margin-top:20px;">
     <i class="text-center fas fa-walking mx-auto"
-      style="font-size:10rem;display: inline-block; width:100%; color:#87fc83;margin-bottom:10px;"></i>
-    <h3 class="text-center">Daily Negative<sup data-toggle="tooltip" data-placement="right"
-        title="This number underestimates the amount of negative tests as they're not required to report." style="vertical-align: super;
-      font-size: 1rem;">
-        *</sup>: {{data.negative-data.neg_1_days_ago}}</h3>
-    <h3 class="text-center">Weekly Negative<sup data-toggle="tooltip" data-placement="right"
-        title="Total negative tests in the last 7 days." style="vertical-align: super;
-      font-size: 1rem;">
-        *</sup>: {{data.negative-data.neg_7_days_ago}}</h3>
+      style="font-size:10rem; position: relative;width:100%; color:#87fc83;margin-bottom:15px;"></i>
+    <h3 class="text-center">Daily Negative: {{data.negative-data.neg_1_days_ago}} <sup data-toggle="tooltip"
+        data-placement="right"
+        title="This number underestimates the amount of total negative tests, because it only includes people who had their test results reported electronically to Wisconsin's DHS." style="vertical-align: super;
+    font-size: 1rem;">
+        *</sup></h3>
+    <h3 class="text-center">Weekly Negative: {{data.negative-data.neg_7_days_ago}}</h3>
 
   </div>
 </div>