💄 UI adjustment

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

README.md

@@ -32,7 +32,7 @@ What things you need to install the software and how to install them:
 
 1. Clone the repo
     ```sh
-    git clone https://github.com/your_username_/devspace.git
+    git clone https://github.com/micosilent/devspace.git
    ``` 
 2. Set the docker-compose.yml to match your environment, pay special attention at the secrets, and routes set in the environment variables.
 

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%" }}>
+            <Box
-              {userToDisplay!.posts?.map((post: Post) => (
+              sx={{
-                <PostListItem post={post} postType="user" key={post.id} />
+                width: "75%",
-              )) || (
+                margin: "auto",
-                <Typography variant="h3">
+                display: "flex",
-                  This user has no posts yet!
+                justifyContent: "center",
-                </Typography>
+                alignItems: "center",
-              )}
+              }}
-            </List>
+            >
+              <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>