fix(demo): clean up controls sidebar

Author: bkrem

demo/public/index.html

@@ -32,7 +32,7 @@
     -->
   <a href="https://github.com/bkrem/react-d3-tree" class="github-corner" aria-label="View source on GitHub"><svg
       width="80" height="80" viewBox="0 0 250 250"
-      style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
+      style="fill:#2d3748; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
       <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
       <path
         d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"

demo/src/App.css

@@ -90,6 +90,7 @@
 /* Custom node classes */
 .demo-node > circle {
   fill: #2d3748;
+  stroke: #2d3748;
 }
 
 /* Custom path classes */

demo/src/App.js

@@ -8,7 +8,6 @@ import PureSvgNodeElement from './components/PureSvgNodeElement';
 import './App.css';
 
 // Data examples
-import { debugData } from './mockData';
 import orgChartJson from './examples/org-chart.json';
 import flareJson from './examples/d3-hierarchy-flare.json';
 import reactTree from './examples/react-tree';
@@ -234,13 +233,6 @@ class App extends Component {
                 <h3 className="title">v{version}</h3>
                 <h4 className="prop">Examples</h4>
                 <div style={{ marginBottom: '5px' }}>
-                  <button
-                    type="button"
-                    className="btn btn-controls btn-block"
-                    onClick={() => this.setTreeData(debugData)}
-                  >
-                    Debug
-                  </button>
                   <button
                     type="button"
                     className="btn btn-controls btn-block"
@@ -267,7 +259,7 @@ class App extends Component {
                 </div>
               </div>
 
-              <div className="prop-container">
+              {/* <div className="prop-container">
                 <h4 className="prop">
                   Dynamically updating <code>data</code>
                 </h4>
@@ -285,7 +277,7 @@ class App extends Component {
                 >
                   Remove Node
                 </button>
-              </div>
+              </div> */}
 
               <div className="prop-container">
                 <h4 className="prop">Orientation</h4>