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

style fixes for multiple site display

parent 3f24326f
Pipeline #91 passed with stage
in 0 seconds
...@@ -116,7 +116,8 @@ ...@@ -116,7 +116,8 @@
#sites-data-container .site-data-container { #sites-data-container .site-data-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items:flex-start; align-items:center;
width:23em;
} }
footer { footer {
font-size: 70%; font-size: 70%;
...@@ -155,16 +156,17 @@ ...@@ -155,16 +156,17 @@
} }
#add-site-container { #add-site-container {
order:99; order:99;
width:0px;
height:0px;
} }
#add-site { #add-site {
font-size: 250%; font-size: 250%;
text-decoration: none; text-decoration: none;
border: dotted 1px springgreen; border: dotted 1px springgreen;
width: 1em; width: 1em;
height: 0.98em; height: 0.97em;
display: inline-block; display: inline-block;
line-height: 90%; line-height: 90%;
margin-left:0.5em;
outline:none; outline:none;
text-align: Center; text-align: Center;
margin-top: 0.47em; margin-top: 0.47em;
...@@ -183,6 +185,7 @@ ...@@ -183,6 +185,7 @@
</div> </div>
<div class="sources"><a href="https://en.wikipedia.org/wiki/2019%E2%80%9320_coronavirus_pandemic">source</a></div> <div class="sources"><a href="https://en.wikipedia.org/wiki/2019%E2%80%9320_coronavirus_pandemic">source</a></div>
<div id="sites-data-container"> <div id="sites-data-container">
<div id="add-site-container"><a href="#add-site" id="add-site">+</a></div>
<div class="site-data-container"> <div class="site-data-container">
<h2><select class="sites-select" tabindex="1"> <h2><select class="sites-select" tabindex="1">
<option value="select one">(select an area)</option> <option value="select one">(select an area)</option>
...@@ -190,7 +193,6 @@ ...@@ -190,7 +193,6 @@
<div class="site-data"> <div class="site-data">
</div> </div>
</div> </div>
<div id="add-site-container"><a href="#add-site" id="add-site">+</a></div>
</div> </div>
<p><strong>Disclaimer:</strong> this is all back-of-the-napkin math using data from Wikipedia. Take with a grain (or preferably, a spoonfull) of salt. Check your own sources; some great resources: <a href="http://covid.hi.is/">University of Iceland's COVID data model</a> (and its <a href="https://github.com/bgautijonsson/covid19/">sources</a>).</p> <p><strong>Disclaimer:</strong> this is all back-of-the-napkin math using data from Wikipedia. Take with a grain (or preferably, a spoonfull) of salt. Check your own sources; some great resources: <a href="http://covid.hi.is/">University of Iceland's COVID data model</a> (and its <a href="https://github.com/bgautijonsson/covid19/">sources</a>).</p>
<footer> <footer>
......
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