From 27c34cbb015ff1a3765d257b2d7e5056e73cd737 Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Fri, 30 Apr 2021 17:48:10 -0400
Subject: [PATCH] fix: typos in px to em switch

---
 striker-ui/components/Header.tsx              |  2 +-
 striker-ui/components/Network/Network.tsx     |  4 ++--
 striker-ui/components/Nodes/AnvilNode.tsx     | 20 +++++++++----------
 striker-ui/components/Panels/InnerPanel.tsx   |  2 +-
 striker-ui/components/Panels/Panel.tsx        |  8 ++++----
 striker-ui/components/Panels/PanelHeader.tsx  |  6 +++---
 .../SharedStorage/SharedStorage.tsx           |  6 +++---
 .../SharedStorage/SharedStorageNode.tsx       | 10 +++++-----
 8 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/striker-ui/components/Header.tsx b/striker-ui/components/Header.tsx
index 8045c7bc..7b95f022 100644
--- a/striker-ui/components/Header.tsx
+++ b/striker-ui/components/Header.tsx
@@ -18,7 +18,7 @@ const useStyles = makeStyles((theme) =>
       borderRadius: '3px',
     },
     barElement: {
-      padding: '0',
+      padding: 0,
     },
   }),
 );
diff --git a/striker-ui/components/Network/Network.tsx b/striker-ui/components/Network/Network.tsx
index 8f9c77f4..d3343173 100644
--- a/striker-ui/components/Network/Network.tsx
+++ b/striker-ui/components/Network/Network.tsx
@@ -20,8 +20,8 @@ const useStyles = makeStyles((theme) => ({
     },
   },
   root: {
-    paddingTop: '0.7em',
-    paddingBottom: '0.7em',
+    paddingTop: '.7em',
+    paddingBottom: '.7em',
   },
   noPaddingLeft: {
     paddingLeft: 0,
diff --git a/striker-ui/components/Nodes/AnvilNode.tsx b/striker-ui/components/Nodes/AnvilNode.tsx
index 5a3a8dbc..fa128135 100644
--- a/striker-ui/components/Nodes/AnvilNode.tsx
+++ b/striker-ui/components/Nodes/AnvilNode.tsx
@@ -9,31 +9,31 @@ import Decorator, { Colours } from '../Decorator';
 const useStyles = makeStyles((theme) => ({
   root: {
     overflow: 'auto',
-    height: '24vh',
-    paddingLeft: '0.3em',
+    height: '28vh',
+    paddingLeft: '.3em',
     [theme.breakpoints.down('md')]: {
       height: '100%',
       overflow: 'hidden',
     },
   },
   state: {
-    paddingLeft: '0.7em',
-    paddingRight: '0.7em',
+    paddingLeft: '.7em',
+    paddingRight: '.7em',
     paddingTop: '1em',
   },
   bar: {
-    paddingLeft: '0.7em',
-    paddingRight: '0.7em',
+    paddingLeft: '.7em',
+    paddingRight: '.7em',
   },
   header: {
-    paddingTop: '0.3em',
-    paddingRight: '0.7em',
+    paddingTop: '.3em',
+    paddingRight: '.7em',
   },
   label: {
-    paddingTop: '0.3em',
+    paddingTop: '.3em',
   },
   decoratorBox: {
-    paddingRight: '0.3em',
+    paddingRight: '.3em',
   },
 }));
 
diff --git a/striker-ui/components/Panels/InnerPanel.tsx b/striker-ui/components/Panels/InnerPanel.tsx
index 37f0c1b4..f3c0aadc 100644
--- a/striker-ui/components/Panels/InnerPanel.tsx
+++ b/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',
   },
 }));
diff --git a/striker-ui/components/Panels/Panel.tsx b/striker-ui/components/Panels/Panel.tsx
index 12cb8245..f25610da 100644
--- a/striker-ui/components/Panels/Panel.tsx
+++ b/striker-ui/components/Panels/Panel.tsx
@@ -31,12 +31,12 @@ const useStyles = makeStyles(() => ({
     margin: 0,
   },
   topSquare: {
-    top: '-0.3em',
-    left: '-0.3em',
+    top: '-.3em',
+    left: '-.3em',
   },
   bottomSquare: {
-    bottom: '-0.3em',
-    right: '-0.3em',
+    bottom: '-.3em',
+    right: '-.3em',
   },
 }));
 
diff --git a/striker-ui/components/Panels/PanelHeader.tsx b/striker-ui/components/Panels/PanelHeader.tsx
index 1f52ba32..164254e0 100644
--- a/striker-ui/components/Panels/PanelHeader.tsx
+++ b/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',
-    left: '-0.3em',
+    top: '-.3em',
+    left: '-.3em',
     padding: '1.4em 0',
     position: 'absolute',
     content: '""',
diff --git a/striker-ui/components/SharedStorage/SharedStorage.tsx b/striker-ui/components/SharedStorage/SharedStorage.tsx
index 0992d4fa..1b7dc372 100644
--- a/striker-ui/components/SharedStorage/SharedStorage.tsx
+++ b/striker-ui/components/SharedStorage/SharedStorage.tsx
@@ -10,13 +10,13 @@ import { AnvilContext } from '../AnvilContext';
 
 const useStyles = makeStyles((theme) => ({
   header: {
-    paddingTop: '0.1em',
-    paddingRight: '0.7em',
+    paddingTop: '.1em',
+    paddingRight: '.7em',
   },
   root: {
     overflow: 'auto',
     height: '78vh',
-    paddingLeft: '0.3em',
+    paddingLeft: '.3em',
     [theme.breakpoints.down('md')]: {
       height: '100%',
     },
diff --git a/striker-ui/components/SharedStorage/SharedStorageNode.tsx b/striker-ui/components/SharedStorage/SharedStorageNode.tsx
index d3af34eb..5d7c342c 100644
--- a/striker-ui/components/SharedStorage/SharedStorageNode.tsx
+++ b/striker-ui/components/SharedStorage/SharedStorageNode.tsx
@@ -7,16 +7,16 @@ import Decorator from '../Decorator';
 
 const useStyles = makeStyles(() => ({
   fs: {
-    paddingLeft: '0.7em',
-    paddingRight: '0.7em',
+    paddingLeft: '.7em',
+    paddingRight: '.7em',
     paddingTop: '1.2em',
   },
   bar: {
-    paddingLeft: '0.7em',
-    paddingRight: '0.7em',
+    paddingLeft: '.7em',
+    paddingRight: '.7em',
   },
   decoratorBox: {
-    paddingRight: '0.3em',
+    paddingRight: '.3em',
   },
 }));