From 2d04098e0c8702dc2773ef98e5e4d4dacc58deac Mon Sep 17 00:00:00 2001
From: soup-bowl <code@soupbowl.io>
Date: Wed, 6 Jul 2022 17:26:00 +0000
Subject: [PATCH] Adjusted about layout.

---
 src/pages/help.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/pages/help.tsx b/src/pages/help.tsx
index 1fb224b..c24fbf0 100644
--- a/src/pages/help.tsx
+++ b/src/pages/help.tsx
@@ -52,17 +52,18 @@ export function AboutPage() {
 	}, []);
 
 	return(
-		<>
-			<Typography variant="h3" component="h1" my={2}>About</Typography>
-			<Stack my={2}>
-				<Typography>App version: <Box component="span" fontWeight='700'>{process.env.REACT_APP_VERSION}</Box></Typography>
-				<Typography>API version: <Box component="span" fontWeight='700'>{apiVersion}</Box></Typography>
-			</Stack>
+		<Box textAlign="center">
+			<img src="logo-mask-192.png" alt="What's This logo" style={{borderRadius: 200, maxWidth: "100%"}} />
+			<Typography variant="h3" component="h1" my={2}>What's This?</Typography>
 			<Typography my={2}>
 				Developed and hosted by <Link href="https://github.com/soup-bowl">soup-bowl</Link> as
 				part of <Link href="https://labs.soupbowl.io">soup-bowl labs</Link>.&nbsp;
 			</Typography>
+			<Stack my={2}>
+				<Typography>App version: <Box component="span" fontWeight='700'>{process.env.REACT_APP_VERSION}</Box></Typography>
+				<Typography>API version: <Box component="span" fontWeight='700'>{apiVersion}</Box></Typography>
+			</Stack>
 			<Button href="https://github.com/soup-bowl/whatsth.is" variant="outlined"><GitHubIcon />&nbsp;Source Code</Button>
-		</>
+		</Box>
 	);
 }