diff --git a/frontend/app/map/legend/legend.css b/frontend/app/map/legend/legend.css index 8630d3b5..f1bb0c6c 100644 --- a/frontend/app/map/legend/legend.css +++ b/frontend/app/map/legend/legend.css @@ -1,23 +1,34 @@ .fp-map-legend { position: absolute; right: 10px; - bottom: 90px; - border: 1px solid #000; - border-radius: 4px; - background: #fff; - padding: 5px; + bottom: 10px; z-index: 800; overflow-y: auto; /* Somehow Chrome shows a horizontal scrollbar with anything else than this */ overflow-x: hidden; - padding-right: 20px; + + opacity: .7; + transition: opacity .7s; +} + +.fp-map-legend:hover { + opacity: 1; } .fp-map-legend h3 { - font-size: 1em; - margin: 0; + font-size: 1.1em; + margin: 0 0 5px 0; padding: 0; + font-weight: bold; +} + +.fp-map-legend hr { + margin: 10px -8px; +} + +.fp-map-legend dl { + margin-bottom: 0px; } .fp-map-legend dt { diff --git a/frontend/app/map/legend/legend.html b/frontend/app/map/legend/legend.html index 55c02938..6d2fb1e8 100644 --- a/frontend/app/map/legend/legend.html +++ b/frontend/app/map/legend/legend.html @@ -1,7 +1,10 @@ -