moar style

covid.js

@@ -451,8 +451,8 @@ document.addEventListener('DOMContentLoaded', (e)=>{
                                 <div><span class="label">Day to day infection rate: </span><span class="value">${Math.round((ratio - 1) * 10000) / 100}%</span></div>
                                 <div><span class="label">Cases double every: </span><span class="value">${Math.round(Math.log(2)/Math.log(ratio))} days</span></div>
                                 <div><span class="label">Half of population infected in: </span><span class="value">${Math.round(Math.log(population*0.5/cases)/Math.log(ratio))} days</span></div>
-                                <div><span class="label">90% of population infected in: </span><span class="value">${Math.round(Math.log(population*0.90/cases)/Math.log(ratio))} days</span></div>
-                                <div><span class="label">Source: </span><span class="value"><a href="${wikiData.source_link}">${wikiData.source_title}</a></span></div>`
+                                <div><span class="label">90% of population infected in: </span><span class="value">${Math.round(Math.log(population*0.90/cases)/Math.log(ratio))} days</span></div>`
+                                //<div><span class="label">Source: </span><span class="value"><a href="${wikiData.source_link}">${wikiData.source_title}</a></span></div>`
                         })
                 })
                 .catch((e)=>{

index.html

@@ -73,7 +73,13 @@
             }
             #site-data {
                 display: grid;
-                grid-auto-flow: column;
+                grid-template-columns: auto auto auto auto;
+                grid-template-rows: auto auto;
+                grid-auto-flow: row;
+                grid-column-gap:0.5em;
+                grid-column-gap:0.5em;
+                padding-top:1em;
+                padding-bottom:1em;
             }
             #site-data > * {
                 display: grid;