mg final font update on all files

Author: morahgeist

src/app/containers/TravelContainer.tsx

@@ -12,6 +12,7 @@ import {
 } from '../actions/actions';
 import { useStoreContext } from '../store';
 import { TravelContainerProps } from '../FrontendTypes';
+import { Button } from '@mui/material';
 import FastRewindIcon from '@mui/icons-material/FastRewind';
 import FastForwardIcon from '@mui/icons-material/FastForward';
 
@@ -64,22 +65,23 @@ function TravelContainer(props: TravelContainerProps): JSX.Element {
 
   return (
     <div className='travel-container'>
-      <button
+      <Button
+      variant="contained"
         className='play-button'
         type='button'
         // data-testid, prop for testing in RTL
         data-testid='play-button-test'
         onClick={() => play(selectedSpeed.value, playing, dispatch, snapshotsLength, sliderIndex)}
       >
         {playing ? 'Pause' : 'Play'}
-      </button>
+      </Button>
       <MainSlider snapshotsLength={snapshotsLength} />
-      <button className='backward-button' onClick={() => dispatch(moveBackward())} type='button'>
-        <FastRewindIcon sx={{mr: 1, color: '#000'}}/>
-      </button>
-      <button className='forward-button' onClick={() => dispatch(moveForward())} type='button'>
+      <Button variant="contained" className='backward-button' onClick={() => dispatch(moveBackward())} type='button'>
+        <FastRewindIcon sx={{xm: 1, color: '#000'}}/>
+      </Button>
+      <Button variant="contained" className='forward-button' onClick={() => dispatch(moveForward())} type='button'>
         <FastForwardIcon />
-      </button>
+      </Button>
       <Dropdown speeds={speeds} selectedSpeed={selectedSpeed} setSpeed={setSpeed} />
     </div>
   );

src/app/styles/abstracts/_variables.scss

@@ -1,5 +1,5 @@
 /// fontFamily: 'monaco, Consolas, Lucida Console, monospace'
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 /// @type List
 $text-font-stack: 'Outfit', sans-serif !default;
 

src/app/styles/components/_buttons.scss

@@ -1,4 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
 
 .save-series-button {
   padding: 3px;

src/app/styles/components/_performanceVisx.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 
 #RenderContainer {
   display: flex;

src/app/styles/components/d3graph.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 body {
 	background-color: black;
 }
@@ -13,7 +13,7 @@ body {
 	fill: #fae6e4;
 	background-color: red;
 	font-size: 10px;
-	font-family: 'Roboto', sans-serif;
+	font-family: 'Outfit', sans-serif;
 }
 
 /*   modifies text of parent nodes (has children) */
@@ -34,7 +34,7 @@ div.tooltip {
 	color: white;
 	z-index: 100;
 	font-size: 14px;
-	font-family: 'Roboto', sans-serif;
+	font-family: 'Outfit', sans-serif;
 	background: rgb(17, 17, 17, 0.9);
 	box-shadow: rgb(33 33 33 / 20%) 0px 1px 2px;
 	border-radius: 5px;

src/app/styles/components/diff.css

@@ -1,13 +1,13 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 .jsondiffpatch-delta {
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Outfit', sans-serif;
   font-size: 16px;
   margin: 0;
   padding: 0 0 0 12px;
   display: inline-block;
 }
 .jsondiffpatch-delta pre {
-  font-family: 'Roboto', sans-serif;
+  font-family: 'Outfit', sans-serif;
   font-size: 16px;
   margin: 0;
   padding: 0;

src/app/styles/layout/_buttonsContainer.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 * {
   font-family: 'Outfit', sans-serif;
 }

src/app/styles/layout/_errorContainer.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 * {
 	font-family: 'Outfit', sans-serif;
 }

src/app/styles/layout/_headContainer.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 * {
 	font-family: 'Outfit', sans-serif;
 }

src/app/styles/main.scss

@@ -1,5 +1,5 @@
 @charset 'UTF-8';
-@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
 
 * {
   font-family: 'Outfit', sans-serif;