From efff7ed104b864c0d9c6fd9b3571107643b8464b Mon Sep 17 00:00:00 2001
From: mbalsdon <m.mathewbalsdon@gmail.com>
Date: Wed, 30 Mar 2022 10:02:03 -0700
Subject: [PATCH] fix spacing, minor color tweaks

---
 .../contacts-components/body-components/LowerBody.tsx       | 4 +++-
 .../contacts-components/body-components/UpperBody.tsx       | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/contacts/contacts-components/body-components/LowerBody.tsx b/src/components/contacts/contacts-components/body-components/LowerBody.tsx
index fa929d4..76f7632 100644
--- a/src/components/contacts/contacts-components/body-components/LowerBody.tsx
+++ b/src/components/contacts/contacts-components/body-components/LowerBody.tsx
@@ -31,7 +31,7 @@ const LowerBody: React.FC<Props> = (props) => {
       }}
     >
       <Typography
-        sx={{ color: "white", my: 1 }}
+        sx={{ color: "black", mt: 1, borderBottom: 1, borderColor: "#ac000d", pb: 1 }}
         variant="h4"
         textAlign="center"
       >
@@ -56,6 +56,8 @@ const LowerBody: React.FC<Props> = (props) => {
                 px: "10px",
                 borderTop: 1,
                 borderBottom: i === meetings.length - 1 ? 1 : 0,
+                borderColor: "#af000d",
+                backgroundColor: "#fff5f5"
               }}
               key={i}
             >
diff --git a/src/components/contacts/contacts-components/body-components/UpperBody.tsx b/src/components/contacts/contacts-components/body-components/UpperBody.tsx
index 8f1af91..43cd33a 100644
--- a/src/components/contacts/contacts-components/body-components/UpperBody.tsx
+++ b/src/components/contacts/contacts-components/body-components/UpperBody.tsx
@@ -82,10 +82,10 @@ const UpperBody: React.FC<Props> = ({ contactInfo }) => {
           mx: 4,
         }}
       >
-        <Typography variant="h3">{contactInfo.name}</Typography>
+        <Typography sx={{ mt: 2 }} variant="h3">{contactInfo.name}</Typography>
         {!favoritesUuids.includes(contactInfo.uuid) ? (
           <Button
-            variant="outlined"
+            variant="contained"
             color="success"
             startIcon={<AddIcon />}
             onClick={() =>
@@ -96,7 +96,7 @@ const UpperBody: React.FC<Props> = ({ contactInfo }) => {
           </Button>
         ) : (
           <Button
-            variant="outlined"
+            variant="contained"
             color="secondary"
             startIcon={<RemoveIcon />}
             onClick={() =>