Commit bb85be85 authored by Michał Woźniak's avatar Michał Woźniak
Browse files

style fixes

parent 9c831090
......@@ -445,7 +445,6 @@ document.addEventListener('DOMContentLoaded', (e)=>{
getSitePopulation(site)
.then((population)=>{
siteData.innerHTML = `
<h2>${site}</h2>
<div><span class="label">Population:</span><span class="value">${population}</span></div>
<div><span class="label">Cases:</span><span class="value">${cases}</span></div>
<div><span class="label">% infected:</span><span class="value">${Math.round((cases/population)*10000)/100}%</span></div>
......
......@@ -80,14 +80,13 @@
opacity: 0.5;
}
#site-data {
flex-grow:1;
display: grid;
grid-template-columns: auto auto auto auto;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto;
grid-template-areas:
"header auto auto auto"
"header auto auto auto"
"sources sources sources sources";
"auto auto auto"
"auto auto auto"
"sources sources sources";
grid-auto-flow: row;
padding-top:1em;
padding-bottom:1em;
......@@ -107,6 +106,12 @@
font-weight: bold;
font-family: "Play Bold";
}
#site-data-container {
flex-grow:1;
display: flex;
flex-direction: row;
align-items:flex-start;
}
footer {
font-size: 70%;
text-align:center;
......@@ -128,13 +133,13 @@
<div id="mortality"><span class="label">Mortality rate:</span> <span class="value"></span></div>
</div>
<div class="sources"><a href="https://en.wikipedia.org/wiki/2019%E2%80%9320_coronavirus_pandemic">source</a></div>
<div>
<label for="sites">Choose an infection site/area:</label>
<select id="sites" tabindex="1">
<div id="site-data-container">
<h2><select id="sites" tabindex="1">
<option value="select one">(select one)</option>
</select>
</select></h2>
<div id="site-data">
</div>
</div>
<div id="site-data"></div>
<footer>
<p>cobbled together by <a href="https://mastodon.social/@rysiek/">@rysiek</a>; <a href="https://git.rys.io/rysiek/covid/">code is here</a>; license: <a href="./LICENSE">Affero GPL</a><br/>
uses <a href="https://github.com/spencermountain/wtf_wikipedia"><code>wtf_wikipedia</code></a> (<a href="./LICENSE.wtf_wikipedia.txt">MIT-licensed</a>) and the Play font (licensed under the <a href="./Play/OFL.txt">OFL</a>)<br/>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment