From fa7084f5c4ec2e172cc0553cfd50ea6943fa706e Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Mon, 29 Mar 2021 11:28:11 -0400
Subject: [PATCH] refactor: remove InnerPanel to try to add shifted border
 using pseudo elements

---
 striker-ui/components/AnvilNode.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/striker-ui/components/AnvilNode.tsx b/striker-ui/components/AnvilNode.tsx
index 7813fad5..888e4a72 100644
--- a/striker-ui/components/AnvilNode.tsx
+++ b/striker-ui/components/AnvilNode.tsx
@@ -1,6 +1,5 @@
 import { Grid, Switch } from '@material-ui/core';
 
-import InnerPanel from './InnerPanel';
 import AllocationBar from './AllocationBar';
 import { BodyText } from './Text';
 
@@ -15,12 +14,12 @@ const AnvilNode = ({
         node.map(
           (n): JSX.Element => {
             return (
-              <InnerPanel key={n.state_message}>
+              <>
                 <Grid container alignItems="center" justify="space-around">
                   <Grid item xs={6}>
                     <BodyText text={`Node: ${n.node_name}`} />
                   </Grid>
-                  <Grid item xs={4}>
+                  <Grid item xs={3}>
                     <Switch checked />
                   </Grid>
                   <Grid item xs={6}>
@@ -33,7 +32,7 @@ const AnvilNode = ({
                     <AllocationBar allocated={n.state_percent} />
                   </Grid>
                 </Grid>
-              </InnerPanel>
+              </>
             );
           },
         )}