fix: typos in px to em switch

striker-ui/components/Header.tsx

@@ -18,7 +18,7 @@ const useStyles = makeStyles((theme) =>
       borderRadius: '3px',
     },
     barElement: {
-      padding: '0',
+      padding: 0,
     },
   }),
 );

striker-ui/components/Network/Network.tsx

@@ -20,8 +20,8 @@ const useStyles = makeStyles((theme) => ({
     },
   },
   root: {
-    paddingTop: '0.7em',
+    paddingTop: '.7em',
-    paddingBottom: '0.7em',
+    paddingBottom: '.7em',
   },
   noPaddingLeft: {
     paddingLeft: 0,

striker-ui/components/Nodes/AnvilNode.tsx

@@ -9,31 +9,31 @@ import Decorator, { Colours } from '../Decorator';
 const useStyles = makeStyles((theme) => ({
   root: {
     overflow: 'auto',
-    height: '24vh',
+    height: '28vh',
-    paddingLeft: '0.3em',
+    paddingLeft: '.3em',
     [theme.breakpoints.down('md')]: {
       height: '100%',
       overflow: 'hidden',
     },
   },
   state: {
-    paddingLeft: '0.7em',
+    paddingLeft: '.7em',
-    paddingRight: '0.7em',
+    paddingRight: '.7em',
     paddingTop: '1em',
   },
   bar: {
-    paddingLeft: '0.7em',
+    paddingLeft: '.7em',
-    paddingRight: '0.7em',
+    paddingRight: '.7em',
   },
   header: {
-    paddingTop: '0.3em',
+    paddingTop: '.3em',
-    paddingRight: '0.7em',
+    paddingRight: '.7em',
   },
   label: {
-    paddingTop: '0.3em',
+    paddingTop: '.3em',
   },
   decoratorBox: {
-    paddingRight: '0.3em',
+    paddingRight: '.3em',
   },
 }));
 

striker-ui/components/Panels/InnerPanel.tsx

@@ -15,7 +15,7 @@ const useStyles = makeStyles(() => ({
     borderColor: DIVIDER,
     marginTop: '1.4em',
     marginBottom: '1.4em',
-    paddingBottom: '0.7em',
+    paddingBottom: '.7em',
     position: 'relative',
   },
 }));

striker-ui/components/Panels/Panel.tsx

@@ -31,12 +31,12 @@ const useStyles = makeStyles(() => ({
     margin: 0,
   },
   topSquare: {
-    top: '-0.3em',
+    top: '-.3em',
-    left: '-0.3em',
+    left: '-.3em',
   },
   bottomSquare: {
-    bottom: '-0.3em',
+    bottom: '-.3em',
-    right: '-0.3em',
+    right: '-.3em',
   },
 }));
 

striker-ui/components/Panels/PanelHeader.tsx

@@ -10,11 +10,11 @@ type Props = {
 const useStyles = makeStyles(() => ({
   innerHeader: {
     position: 'relative',
-    padding: '0 0.7em',
+    padding: '0 .7em',
   },
   header: {
-    top: '-0.3em',
+    top: '-.3em',
-    left: '-0.3em',
+    left: '-.3em',
     padding: '1.4em 0',
     position: 'absolute',
     content: '""',

striker-ui/components/SharedStorage/SharedStorage.tsx

@@ -10,13 +10,13 @@ import { AnvilContext } from '../AnvilContext';
 
 const useStyles = makeStyles((theme) => ({
   header: {
-    paddingTop: '0.1em',
+    paddingTop: '.1em',
-    paddingRight: '0.7em',
+    paddingRight: '.7em',
   },
   root: {
     overflow: 'auto',
     height: '78vh',
-    paddingLeft: '0.3em',
+    paddingLeft: '.3em',
     [theme.breakpoints.down('md')]: {
       height: '100%',
     },

striker-ui/components/SharedStorage/SharedStorageNode.tsx

@@ -7,16 +7,16 @@ import Decorator from '../Decorator';
 
 const useStyles = makeStyles(() => ({
   fs: {
-    paddingLeft: '0.7em',
+    paddingLeft: '.7em',
-    paddingRight: '0.7em',
+    paddingRight: '.7em',
     paddingTop: '1.2em',
   },
   bar: {
-    paddingLeft: '0.7em',
+    paddingLeft: '.7em',
-    paddingRight: '0.7em',
+    paddingRight: '.7em',
   },
   decoratorBox: {
-    paddingRight: '0.3em',
+    paddingRight: '.3em',
   },
 }));