Added a margin so tooltips are not hidden as easily on mobile

davidteather · Aug 26, 2020 · 8e446d2 · 8e446d2
1 parent a6aa839
commit 8e446d2
Showing 1 changed file with 2 additions and 2 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
@@ -1,7 +1,7 @@
 <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;"></i>
+      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="vertical-align: super;
@@ -16,7 +16,7 @@ <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;"></i>
+      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;">