move color control to continuous

src/components/continuous/continuous.js

@@ -8,6 +8,7 @@ import SectionHeader from "../framework/sectionHeader";
 import setupParallelCoordinates from "./setupParallelCoordinates";
 import drawAxes from "./drawAxes";
 import drawLinesCanvas from "./drawLinesCanvas";
+import ColorControl from "../controls/color";
 
 import {
   margin,
@@ -131,8 +132,7 @@ class Continuous extends React.Component {
   render() {
 
     return (
-      <div id="parcoords_wrapper" style={{marginTop: 50}}>
+      <div id="parcoords_wrapper">
-        <SectionHeader text="Continuous Metadata"/>
         <div
           className={styles.parcoords}
           id="parcoords"
@@ -140,9 +140,13 @@ class Continuous extends React.Component {
             width:  width + margin.left + margin.right + "px",
             height: height + margin.top + margin.bottom + "px"
           }}></div>
+          <ColorControl/>
       </div>
     )
   }
 };
 
 export default Continuous;
+
+
+// <SectionHeader text="Continuous Metadata"/>

src/components/graph/graph.js

@@ -4,7 +4,6 @@ import styles from "./graph.css";
 import {setupGraphElements, drawGraph} from "./drawGraph";
 import SectionHeader from "../framework/sectionHeader";
 import { connect } from "react-redux";
-import ColorControl from "../controls/color";
 
 @connect((state) => {
 
@@ -105,8 +104,6 @@ class Graph extends React.Component {
   render() {
     return (
       <div id="graphWrapper" style={{height: 600 /* move this to globals */}}>
-        <SectionHeader text="Graph"/>
-        <ColorControl/>
         <div id="graphAttachPoint"> </div>
       </div>
     )
@@ -114,3 +111,5 @@ class Graph extends React.Component {
 };
 
 export default Graph;
+
+// <SectionHeader text="Graph"/>