smaller logos on mobile

This commit is contained in:
feliciaan 2014-12-11 21:50:17 +01:00
parent 42903c757c
commit 64c0c18f2a
2 changed files with 12 additions and 2 deletions

10
map.css
View file

@ -114,6 +114,16 @@ table {
}
}
@media screen and (max-width: 800px) {
#schamper {
width: 90px;
}
#zeus {
width: 75px;
}
}
@media screen and (max-height: 400px) {
.leaflet-popup-content-wrapper {
max-height: 150px;

View file

@ -92,9 +92,9 @@
</div>
</script>
<script id="info-template" type="text/x-handlebars-template">
<a href="http://schamper.be/"><img src='schamper.png'></a>
<a href="http://schamper.be/"><img id="schamper" src='schamper.png'></a>
<div style="padding-left: 5px"></div>
<a href="http://zeus.ugent.be/"><img src='zeus.png' style="float: right;"></a>
<a href="http://zeus.ugent.be/"><img id="zeus" src='zeus.png' style="float: right;"></a>
</script>
<script id="share-template" type="text/x-handlebars-template">
<div class="fb-share-button" data-href="http://zeus.ugent.be/blok/" data-layout="button_count"></div>