From 8fb6343b035e2510158be942226913d9cdb33ecb Mon Sep 17 00:00:00 2001
From: mbalsdon <m.mathewbalsdon@gmail.com>
Date: Tue, 29 Mar 2022 23:01:57 -0700
Subject: [PATCH] center and enlargen homepage buttons

---
 src/components/home/ShortCuts.tsx |  4 ++--
 src/style/App.css                 | 15 ++++++++-------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/home/ShortCuts.tsx b/src/components/home/ShortCuts.tsx
index 31d530a..fe6ab4e 100644
--- a/src/components/home/ShortCuts.tsx
+++ b/src/components/home/ShortCuts.tsx
@@ -31,7 +31,7 @@ const ShortCuts: React.FC<Props> = ({ users }: Props) => {
           <Button className="tile">
             <PeopleIcon className="icon" />
           </Button>
-          <Typography className="mylabel" sx={{ ml: 1 }}>
+          <Typography variant="h6" className="mylabel" sx={{ ml: 1 }}>
             Schedule Meeting
           </Typography>
         </Grid>
@@ -45,7 +45,7 @@ const ShortCuts: React.FC<Props> = ({ users }: Props) => {
             onClose={handleClose}
             users={users}
           />
-          <Typography className="mylabel" sx={{ ml: 1 }}>
+          <Typography variant="h6" className="mylabel" sx={{ ml: 1 }}>
             Call Group
           </Typography>
         </Grid>
diff --git a/src/style/App.css b/src/style/App.css
index 1dd5f3d..79d04c1 100644
--- a/src/style/App.css
+++ b/src/style/App.css
@@ -54,23 +54,24 @@ a {
 
 .main-home .short-cuts .mylabel {
   display: inline-block;
-  margin: 0;
-  width: 100px;
+  margin-left: 25%;
+  width: 125px;
   text-align: center;
 }
 
 .main-home .short-cuts .tile {
-  margin-right: 100%;
+  margin-left: 25%;
+  margin-right: 50%;
   background-color: mistyrose;
-  width: 100px;
-  height: 100px;
+  width: 125px;
+  height: 125px;
   border-radius: 16px;
 }
 
 .main-home .short-cuts .tile .icon {
   color: black;
-  width: 70%;
-  height: 70%;
+  width: 80%;
+  height: 80%;
 }
 
 .login .grid-container {