fix overflow issues on legend and summary-text divs

templates/index.html

@@ -366,12 +366,16 @@ color: #747474;
         .legend {
             margin-bottom: 10px;
             width: 90%;
-            height: 80px;
+            min-height: 80px;
             background: #EAEBED;
             box-shadow: 0px 0px 11.8px #264653;
             border-radius: 17px;
             align-items: stretch;
             font-family: Veranda, sans-serif;
+            overflow:scroll;
+height:1%;
+
+            
         }
 
         .Results {
@@ -411,13 +415,14 @@ color: #747474;
         }
 
         .legend-text {
+            min-height: 80px;
             padding-left: 10px;
             padding-top: 5px;
             font-style: normal;
             font-weight: 500;
             font-size: 18px;
             text-align: left;
-            height: 80px;
+            height: 100%;
             float: right;
             width: 90%;
             border-radius: 0px 17px 17px 0px;
@@ -450,7 +455,7 @@ color: #747474;
             font-weight: 600;
             font-size: 18px;
             text-align: left;
-            height: 68px;
+            height: 100%;
             float: right;
             width: 90%;
             border-radius: 0px 17px 0px 17px;