From 3aad056abed541186aa5522204feb155b7c59508 Mon Sep 17 00:00:00 2001
From: Monkey <robotmonkeybrain@gmail.com>
Date: Fri, 9 Aug 2024 17:33:37 -0400
Subject: [PATCH] adjust header size and font size

---
 src/components/Header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 2792680..32181d7 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -19,9 +19,9 @@ export const Header: React.FC<{ title: string }> = ({ title }) => {
       direction="row"
       sx={{
         backgroundColor: "background.paper",
-        pl: 4,
+        pl: 2,
         alignItems: "center",
-        py: 2,
+        py: 1,
       }}
       spacing={1}
     >
@@ -31,7 +31,7 @@ export const Header: React.FC<{ title: string }> = ({ title }) => {
           navigation.navigate("Home");
         }}
       >
-        <SvgIcon sx={{ height: 20, width: 115 }}>
+        <SvgIcon sx={{ height: 20, width: 100 }}>
           <svg
             width="115"
             height="20"
@@ -82,7 +82,7 @@ export const Header: React.FC<{ title: string }> = ({ title }) => {
         color="#FBFBFB"
         sx={{ height: "75%", alignSelf: "center" }}
       />
-      <Typography variant="h5" sx={{ paddingLeft: 1}}>{title}</Typography>
+      <Typography fontSize="1.25rem" sx={{ paddingLeft: 1}}>{title}</Typography>
     </Stack>
   );
 };