From c20a8aa97ab451900889ed28e10c99edb52b331b Mon Sep 17 00:00:00 2001
From: Martin-dJ <m.dejode@ucl.ac.uk>
Date: Thu, 14 Mar 2019 14:39:23 +0000
Subject: [PATCH] Fix for issue #175-age key is jumping off page when looked at
 on small computer screen. Set max-height to 50 vh.

---
 app/src/frontend/legend.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/legend.css b/app/src/frontend/legend.css
index 7eb669b8..bbdb5b4c 100644
--- a/app/src/frontend/legend.css
+++ b/app/src/frontend/legend.css
@@ -33,7 +33,7 @@
     margin: 0.25rem 0 0.5rem;
 }
 .data-legend {
-    max-height: 30rem;
+    max-height: 50vh;
     overflow-y: auto;
     list-style: none;
     margin-bottom: 0;