💄 UI adjustment

Signed-off-by: Pau Costa <mico@micodev.es>

client/src/routes/post.tsx

@@ -137,7 +137,7 @@ export default function PostView() {
           {postToDisplay?.comments?.map((comment) => (
             <Paper>
               <Box sx={{ margin: "1rem" }}>
-                <Box sx={{ display: "flex", mb: "0.3rem" }}>
+                <Box sx={{ display: "flex", mb: "0.3rem", pt: "0.3rem" }}>
                   <AppAvatar user={comment.createdBy!} small />
                   <Typography variant="subtitle2" sx={{ ml: "0.5rem" }}>
                     {comment.createdBy?.firstName} {comment.createdBy?.lastName}

client/src/routes/profile.tsx

@@ -85,6 +85,10 @@ export default function Profile(props: ProfileProps) {
             <Paper
               sx={{
                 width: "100%",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
               }}
             >
               <Box>
@@ -138,15 +142,25 @@ export default function Profile(props: ProfileProps) {
                 </Box>
               </Box>
             </Paper>
-            <List sx={{ width: "75%" }}>
-              {userToDisplay!.posts?.map((post: Post) => (
-                <PostListItem post={post} postType="user" key={post.id} />
-              )) || (
-                <Typography variant="h3">
-                  This user has no posts yet!
-                </Typography>
-              )}
-            </List>
+            <Box
+              sx={{
+                width: "75%",
+                margin: "auto",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+              }}
+            >
+              <List>
+                {userToDisplay!.posts?.map((post: Post) => (
+                  <PostListItem post={post} postType="user" key={post.id} />
+                )) || (
+                  <Typography variant="h3">
+                    This user has no posts yet!
+                  </Typography>
+                )}
+              </List>
+            </Box>
           </>
         )}
       </Box>