color updates

Author: kevinfey

src/app/components/AtomsRelationship.jsx

@@ -41,7 +41,7 @@ function AtomsRelationship(props) {
                 '#5fdaed',
               ],
 
-              label: { color: '#fff', fontSize: '14' },
+              label: { color: '#fff', fontSize: '13' },
               nodePadding: 50,
               width: 15,
             },

src/app/components/ComponentMap.tsx

@@ -135,7 +135,7 @@ const ComponentMap = (props: componentMapProps) => {
           .attr('y', '-5')
           .attr('text-anchor', 'end')
           .text((d: any) => d.data.name.slice(0, 14)) // Limits Characters in Display
-          .style('font-size', `.6rem`)
+          .style('font-size', `.7rem`)
           .style('fill', 'white')
           .clone(true)
           .lower()

src/app/components/History.tsx

@@ -68,7 +68,7 @@ function History(props) {
     const g = svgContainer
       .append('g')
       // this is changing where the graph is located physically
-      .attr('transform', `translate(${width / 2 + 4}, ${height / 2 + 2})`);
+      .attr('transform', `translate(${width / 2 + 4}, ${height / 2 + 2})`)
 
     // d3.hierarchy constructs a root node from the specified hierarchical data
     // (our object titled dataset), which must be an object representing the root node
@@ -83,6 +83,7 @@ function History(props) {
 
     const d3root = tree(hierarchy);
 
+    
     g.selectAll('.link')
       // root.links() gets an array of all the links,
       // where each element is an object containing a
@@ -112,7 +113,7 @@ function History(props) {
 
         if (loadTime !== undefined) {
           if (loadTime > 16) {
-            return '#ff0000';
+            return '#d62b2b';
           }
         }
 

src/app/styles/base/_base.scss

@@ -1,16 +1,16 @@
 html {
   margin: 0;
-  height: 99%;
+  padding: 0;
+  height: 100%;
 }
 
 body {
   margin: 0;
-  height:99%;
+  height: 100%;
 }
 
 #root {
-  margin: 0;
-  height: 99%;
+  height: 100%;
 }
 
 .travel-container {