💄 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,7 +142,16 @@ export default function Profile(props: ProfileProps) {
                 </Box>
               </Box>
             </Paper>
-            <List sx={{ width: "75%" }}>
+            <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} />
                 )) || (
@@ -147,6 +160,7 @@ export default function Profile(props: ProfileProps) {
                   </Typography>
                 )}
               </List>
+            </Box>
           </>
         )}
       </Box>