From 009760cd3375050fa0a95e470ee402e7e9cd4ec7 Mon Sep 17 00:00:00 2001
From: Felix Albrigtsen <felixalbrigtsen@gmail.com>
Date: Wed, 30 Mar 2022 00:58:15 +0200
Subject: [PATCH] Clean mistakes

---
 src/client/src/FrontPage.js         | 36 +++++++++++++++--------------
 src/client/src/TournamentCreator.js |  4 ++--
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/client/src/FrontPage.js b/src/client/src/FrontPage.js
index f663b53..e642c3e 100644
--- a/src/client/src/FrontPage.js
+++ b/src/client/src/FrontPage.js
@@ -59,32 +59,34 @@ function TournamentListItem(props) {
               component="img"
               alt="tournament image"
               height="140"
-              // image="Asura_Rex.png"
               image="banner2.png"
             />
             <CardContent align="left">
               <Typography variant="h3" component="div" align="center">{props.tournament.name} </Typography>
-              <Typography variant="body2"> Start: {props.tournament.startTime.toLocaleString()} </Typography>
-              <Typography variant="body2"> End: {props.tournament.endTime.toLocaleString()} </Typography>
+              
+              <Box component={Stack} direction="column">
+                <Typography variant="body"> Start: {props.tournament.startTime.toLocaleString()} </Typography>
+                <Typography variant="body"> End: {props.tournament.endTime.toLocaleString()} </Typography>
+              </Box>
+              
               <Typography variant="h5" color="text.primary" gutterBottom> Players {props.tournament.teamCount} / {props.tournament.teamLimit} </Typography>
               <Description />
-              {/* <Typography variant="h5" color="text.primary" color="text.secondary" onClick={toggleDescription}>{longDescription ? props.tournament.description : (shorten(props.tournament.description, 200))}</Typography> */}
               
               <Box sx={{flexGrow: 1, marginTop: "20px"}}>
-              <Grid container spacing={4} justifyContent="center" wrap="wrap">
-                  <Grid item>
-                    <Link to={`/tournament/${props.tournament.id}/manage`}>
-                      <Button className="ManageButton" variant="contained" color="primary">Edit Tournament</Button>
+                <Grid container spacing={4} justifyContent="center" wrap="wrap">
+                    <Grid item>
+                      <Link to={`/tournament/${props.tournament.id}/manage`}>
+                        <Button className="ManageButton" variant="contained" color="primary">Edit Tournament</Button>
+                      </Link>
+                    </Grid>
+                    <Grid item >
+                    <Link to={`/tournament/${props.tournament.id}`} >
+                      <Button variant="contained" color="success">
+                        View Tournament
+                      </Button>
                     </Link>
-                  </Grid>
-                  <Grid item >
-                  <Link to={`/tournament/${props.tournament.id}`} >
-                    <Button variant="contained" color="success">
-                      View Tournament
-                    </Button>
-                  </Link>
-                  </Grid>
-              </Grid>
+                    </Grid>
+                </Grid>
               </Box>
             </CardContent>
           </Card>     
diff --git a/src/client/src/TournamentCreator.js b/src/client/src/TournamentCreator.js
index e90a97c..17e0212 100644
--- a/src/client/src/TournamentCreator.js
+++ b/src/client/src/TournamentCreator.js
@@ -125,8 +125,8 @@ function TournamentForm(props) {
           </Grid>
         </Box> */}
         <Box>
-          <TextField type="datetime-local" InputProps={{ readOnly: true }} id="startDatePicker" label="Start Time" InputLabelProps={{shrink: true}} sx={{width: "48%", marginRight: "2%"}} />
-          <TextField type="datetime-local" InputProps={{ readOnly: true }} id="endDatePicker" label="End Time" InputLabelProps={{shrink: true}} sx={{width: "48%", marginLeft: "2%"}} />
+          <TextField type="datetime-local" id="startDatePicker" label="Start Time" InputLabelProps={{shrink: true}} sx={{width: "48%", marginRight: "2%"}} />
+          <TextField type="datetime-local" id="endDatePicker" label="End Time" InputLabelProps={{shrink: true}} sx={{width: "48%", marginLeft: "2%"}} />
         </Box>
         <InputLabel id="max-teams-label">Maximum number of teams</InputLabel>