Update hotspots for legend

src/static/css/hotspots.css

@@ -8,8 +8,8 @@ body {
     height: 100vh;
 }
 
-#map {
-    height: 100vh;
+html, body, #map {
+    height: 100%;
     width: 100vw;
 }
 
@@ -22,4 +22,18 @@ body {
 
 .leaflet-tile-pane {
     filter: brightness(50%);
+}
+
+.legend {
+    border: solid #999999 3px;
+    color: #eee;
+    background-color: rgba(44, 44, 44, .8);
+    padding: 1em;
+}
+
+#legendOccGrad {
+    background-image: linear-gradient(to right, transparent, red);
+    padding: 0 2em;
+    text-align: center;
+    text-shadow: black .2em .2em;
 }