styling chage to AtomsRelationships

Author: kevinfey

src/app/components/AtomsRelationship.jsx

@@ -41,12 +41,12 @@ function AtomsRelationship(props) {
                 '#5fdaed',
               ],
 
-              label: { color: '#fff', fontSize: '13' },
+              label: { color: '#fff', fontSize: '13', fontName: 'Monaco', },
               nodePadding: 50,
               width: 15,
             },
           },
-          tooltip: { textStyle: { color: 'gray', fontSize: 12 }},
+          tooltip: { textStyle: { color: 'white', fontSize: 0.1, }},
         }}
         loader={<div>Loading Chart</div>}
         data={[['Atom', 'Selector', ''], ...atomsRel]}

src/app/styles/abstracts/_variables.scss

@@ -1,6 +1,6 @@
 /// fontFamily: 'monaco, Consolas, Lucida Console, monospace'
 /// @type List
-$text-font-stack: monaco, Consolas, 'Lucida Console', monospace, Arial,
+$text-font-stack: Monaco, Consolas, 'Lucida Console', monospace, Arial,
   sans-serif !default;
 
 /// @type Color