From f3f148dd7022d33cc455cd794640548e5c274c71 Mon Sep 17 00:00:00 2001
From: evac-tcxr <echoudhury@umass.edu>
Date: Tue, 30 Jul 2024 16:31:28 -0400
Subject: [PATCH] graph style fixes

---
 src/components/Graph/ControlPanel.tsx |  1 -
 src/components/Graph/Graph.tsx        |  2 +-
 src/components/Graph/Legend.tsx       | 11 ++---------
 src/components/Graph/ScaleLegend.tsx  |  6 ------
 4 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/components/Graph/ControlPanel.tsx b/src/components/Graph/ControlPanel.tsx
index 44ccb45..10a06d6 100644
--- a/src/components/Graph/ControlPanel.tsx
+++ b/src/components/Graph/ControlPanel.tsx
@@ -109,7 +109,6 @@ const ControlPanel: React.FC<ControlPanelProps> = ({
               justifyContent: 'center',
               alignItems: 'center',
               display: 'inline-block',
-              fontFamily: 'Roboto',
             }}
           >
             Controls
diff --git a/src/components/Graph/Graph.tsx b/src/components/Graph/Graph.tsx
index 97c9966..b60a5aa 100644
--- a/src/components/Graph/Graph.tsx
+++ b/src/components/Graph/Graph.tsx
@@ -57,7 +57,7 @@ const Graph: React.FC<GraphProps> = ({
   legendNodeLabel,
   legendEdgeLabel,
   order,
-  fontFamily = 'Roboto',
+  fontFamily = 'Arial',
 }) => {
   const cyRef = useRef<Core | null>(null);
 
diff --git a/src/components/Graph/Legend.tsx b/src/components/Graph/Legend.tsx
index e6d949e..f153282 100644
--- a/src/components/Graph/Legend.tsx
+++ b/src/components/Graph/Legend.tsx
@@ -61,9 +61,7 @@ const Legend: React.FC<LegendProps> = ({
         padding: '5px',
       }}
     >
-      <Typography
-        style={{ fontSize: '18px', margin: '3px', fontFamily: 'Roboto' }}
-      >
+      <Typography style={{ fontSize: '18px', margin: '3px' }}>
         {legendNodeLabel ? legendNodeLabel : 'Node Type'}
       </Typography>
       {uniqueCat
@@ -108,7 +106,6 @@ const Legend: React.FC<LegendProps> = ({
                     marginLeft: '4px',
                     cursor: 'pointer',
                     fontSize: '14px',
-                    fontFamily: 'Roboto',
                   }}
                   onClick={() => onToggle(category)}
                 >
@@ -157,7 +154,6 @@ const Legend: React.FC<LegendProps> = ({
                     marginLeft: '4px',
                     cursor: 'pointer',
                     fontSize: '14px',
-                    fontFamily: 'Roboto',
                   }}
                   onClick={() => onToggle(category)}
                 >
@@ -171,9 +167,7 @@ const Legend: React.FC<LegendProps> = ({
 
       {edgeType && edgeTypes !== null ? (
         <div>
-          <Typography
-            style={{ fontSize: '18px', margin: '3px', fontFamily: 'Roboto' }}
-          >
+          <Typography style={{ fontSize: '18px', margin: '3px' }}>
             {legendEdgeLabel ? legendEdgeLabel : 'Edge Type'}
           </Typography>
           {edgeTypes.map((category) => {
@@ -214,7 +208,6 @@ const Legend: React.FC<LegendProps> = ({
                     marginLeft: '4px',
                     cursor: 'pointer',
                     fontSize: '14px',
-                    fontFamily: 'Roboto',
                   }}
                   onClick={() => onToggle(category)}
                 >
diff --git a/src/components/Graph/ScaleLegend.tsx b/src/components/Graph/ScaleLegend.tsx
index f9d9016..461c748 100644
--- a/src/components/Graph/ScaleLegend.tsx
+++ b/src/components/Graph/ScaleLegend.tsx
@@ -49,7 +49,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
           style={{
             margin: '3px 0',
             fontSize: '16px',
-            fontFamily: 'Roboto',
           }}
         >
           Edge Weight Scale:
@@ -60,7 +59,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
           style={{
             margin: '3px 0',
             fontSize: '14px',
-            fontFamily: 'Roboto',
           }}
         >
           {scaleFormula}
@@ -88,7 +86,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {min.toFixed(2)}
@@ -108,7 +105,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {mid1.toFixed(2)}
@@ -128,7 +124,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {mid2.toFixed(2)}
@@ -148,7 +143,6 @@ const ScaleLegend: React.FC<ScaleProps> = ({ scales, width }) => {
               style={{
                 marginLeft: '10px',
                 fontSize: '14px',
-                fontFamily: 'Roboto',
               }}
             >
               {max.toFixed(2)}