From 434fdd38bc10d7b06f24af5a13a390b54e1995bd Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Fri, 30 Apr 2021 17:42:53 -0400
Subject: [PATCH] style: fix left padding in serer list

---
 striker-ui/components/Servers.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/striker-ui/components/Servers.tsx b/striker-ui/components/Servers.tsx
index f075086d..9ea1e6e4 100644
--- a/striker-ui/components/Servers.tsx
+++ b/striker-ui/components/Servers.tsx
@@ -27,8 +27,8 @@ const useStyles = makeStyles((theme) => ({
     },
     paddingLeft: 0,
   },
-  noPaddingLeft: {
-    paddingLeft: 0,
+  headerPadding: {
+    paddingLeft: '.3em',
   },
 }));
 
@@ -54,7 +54,9 @@ const Servers = ({ anvil }: { anvil: AnvilListItem[] }): JSX.Element => {
   );
   return (
     <Panel>
-      <HeaderText text="Servers" />
+      <div className={classes.headerPadding}>
+        <HeaderText text="Servers" />
+      </div>
       <Box className={classes.root}>
         <List component="nav">
           {data &&
@@ -67,12 +69,12 @@ const Servers = ({ anvil }: { anvil: AnvilListItem[] }): JSX.Element => {
                     key={server.server_uuid}
                   >
                     <Box display="flex" flexDirection="row" width="100%">
-                      <Box p={1} className={classes.noPaddingLeft}>
+                      <Box p={1}>
                         <Decorator
                           colour={selectDecorator(server.server_state)}
                         />
                       </Box>
-                      <Box p={1} flexGrow={1} className={classes.noPaddingLeft}>
+                      <Box p={1} flexGrow={1}>
                         <BodyText text={server.server_name} />
                         <BodyText
                           text={