tree component is scrollable

Author: joshua0308

src/app/components/Tree.jsx

@@ -19,6 +19,9 @@ const Tree = (props) => {
           data={snapshot}
           theme={{ tree: () => ({ className: 'json-tree' }) }}
           getItemString={getItemString}
+          shouldExpandNode={() => true}
+          // labelRenderer={raw => <strong>{raw}</strong>}
+          // valueRenderer={raw => <em>{raw}</em>}
         />
       )}
     </React.Fragment>

src/app/styles/components/_jsonTree.scss

@@ -1,8 +1,6 @@
 .json-tree {
-  position: absolute;
   margin: 10px;
   padding: 0;
   background-color: $brand-color;
   list-style: none;
-  // overflow: hidden;
 }

src/app/styles/layout/_stateContainer.scss

@@ -1,6 +1,6 @@
 .state-container {
   font-size: 12px;
-  overflow: auto;
+  overflow: scroll;
   background-color: $brand-color;
 }