fix d3-perf container size; add placeholder for ancestor status

Author: gpanciera

src/app/components/PerfView.jsx

@@ -140,7 +140,12 @@ const PerfView = ({ snapshots, viewIndex, width = 600, height = 600 }) => {
     }
   }, [colorScale, packFunc, width, height, indexToDisplay, snapshots]);
 
-  return <svg className="perfContainer" ref={svgRef} />;
+  return (
+    <div className="perfContainer">
+      <svg className="perf-d3-svg" ref={svgRef} />
+      {/* <span>TEST</span> */}
+    </div>
+    );
 };
 
 export default PerfView;

src/app/styles/components/d3graph.css

@@ -94,16 +94,15 @@ div.tooltip {
 }
 
 .perfContainer {
-  display: block;
-  /* margin: 0 -14px;
-  background-color: hsl(152,80%,80%); */
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: calc(100% - 70px);
   /* border: 2px solid red; */
 }
 
-.d3divContainer {
-  /* display: flex;
-  flex-direction: column;
-  justify-content: space-between; */
+.perf-d3-svg {
+  display: block;
 }
 
 .perf-chart-labels {