partial: Analytics css migration

new-lamassu-admin/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx

@@ -1,17 +1,14 @@
 import Switch from '@mui/material/Switch'
 import Box from '@mui/material/Box'
-import { makeStyles } from '@mui/styles'
 import React, { useState } from 'react'
-import { H2 } from 'src/components/typography'
+import { H2, Label1 } from 'src/components/typography'
 
 import { Select } from 'src/components/inputs'
 import { primaryColor } from 'src/styling/variables'
 
-import styles from '../../Analytics.styles'
 import Graph from '../../graphs/Graph'
 import LegendEntry from '../LegendEntry'
-
-const useStyles = makeStyles(styles)
+import classes from './wrappers.module.css'
 
 const OverTimeDotGraphHeader = ({
   title,
@@ -24,8 +21,6 @@ const OverTimeDotGraphHeader = ({
   timezone,
   currency
 }) => {
-  const classes = useStyles()
-
   const [logarithmic, setLogarithmic] = useState()
 
   const legend = {
@@ -61,8 +56,13 @@ const OverTimeDotGraphHeader = ({
         </div>
         <div className={classes.graphHeaderRight}>
           <div className={classes.graphHeaderSwitchBox}>
-            <span>Log. scale</span>
-            <Switch onChange={event => setLogarithmic(event.target.checked)} />
+            <Label1 noMargin className="mb-1 text-comet">
+              Log. scale
+            </Label1>
+            <Switch
+              className="m-0"
+              onChange={event => setLogarithmic(event.target.checked)}
+            />
           </div>
           <Select
             label="Machines"