diff --git a/src/css/map.css b/src/css/map.css
index 4c6bd09..2666b8f 100644
--- a/src/css/map.css
+++ b/src/css/map.css
@@ -3,11 +3,18 @@ html, body {
padding: 0px;
width: 100%;
height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+
+.notice {
+ padding: 0.5em;
+ background: linear-gradient(#fdfdfd 75%, #ececec);
}
#map {
width: 100%;
- height: 100%;
+ flex-grow: 1;
}
.leaflet-popup-content-wrapper,
@@ -165,3 +172,9 @@ a.img-and-text-link:hover span {
max-height: 150px;
}
}
+
+@media (min-width: 800px) and (min-height: 500px) {
+ .notice {
+ padding: 2em;
+ }
+}
diff --git a/src/index.html b/src/index.html
index c87d24b..98efccf 100644
--- a/src/index.html
+++ b/src/index.html
@@ -29,6 +29,8 @@
+ We zijn druk in de weer om Blokmap klaar te stomen voor de herexamens. De komende dagen verschijnt er misschien nog een locatie in je buurt!
+