tooltip text padding increase, max height with scroll

Author: mylee1995

src/app/components/Chart.jsx

@@ -5,6 +5,7 @@ import * as d3 from 'd3';
 var root={};
 let duration = 750;
 
+
 class Chart extends Component {
   constructor(props) {
     super(props);
@@ -31,7 +32,6 @@ class Chart extends Component {
 
   maked3Tree(){
     this.removed3Tree();
-
     duration=0;
 
     var margin = {top: 20, right: 120, bottom: 20, left: 120},

src/app/styles/components/_d3Tree.scss

@@ -29,26 +29,14 @@
 div.tooltip {
     white-space: pre;
     position: absolute;
-    // display: flex;
-    // flex-direction: column;
-    // flex-wrap: nowrap;
-    // justify-content: center;
     overflow-y: scroll;
     overscroll-behavior: contain;
-    // align-items: center;
     flex: auto;
-    // min-height: 10vh;
-    // min-width: 10vh;
-    // max-height: 100px;
-    // max-width: 50vh;
-    // text-align: center;
-    // width: 300px;
-    // height: 100px;
-    padding: 8px;
+    max-height: 100px;    
+    padding: 15px;
     font: 15px sans-serif;
     color: black;
     background: #ffff;
     border: solid 1px #aaa;
     border-radius: 8px;
-    // pointer-events: none;
 }