From 644fb04675ad5c00bc2811c8a91e4c55465f8a56 Mon Sep 17 00:00:00 2001
From: Kristoffer Juelsen <kristoju@stud.ntnu.no>
Date: Thu, 28 Apr 2022 18:37:01 +0200
Subject: [PATCH] Fixed buttons for lower team in bracket

---
 src/client/src/TournamentOverview.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/client/src/TournamentOverview.js b/src/client/src/TournamentOverview.js
index d2abadc..87ce9a3 100644
--- a/src/client/src/TournamentOverview.js
+++ b/src/client/src/TournamentOverview.js
@@ -113,12 +113,14 @@ function Match(props){
               { props.match.winnerId && (props.match.team2Id === props.match.winnerId) &&
               <EmojiEventsIcon alt="A trophy" sx={{width:['0.75em','1em','1.25em'], height:['0.75em','1em','1.25em']}} />
               }
+              <Box component={Stack} direction={'row'} spacing={-1.25}>
               { props.match.team2Id !== null && !props.tournament.hasEnded && props.match.tier !== Math.log2(props.tournament.teamLimit) - 1 && props.match.winnerId === null && props.user.isLoggedIn &&
               <IconButton color="error" aria-label="remove winner" component="span" onClick={curryUnsetContestant(props.match.team2Id)}><BackspaceIcon sx={{width:['0.75em','1em','1.25em'], height:['0.75em','1em','1.25em']}} /></IconButton>
               }
               { props.match.team2Id !== null && props.match.winnerId === null && !props.tournament.hasEnded && props.user.isLoggedIn &&
               <IconButton onClick={setWinner(props.match.team2Id)} color="success" aria-label="select winner" component="span" ><AddCircleIcon sx={{width:['0.75em','1em','1.25em'], height:['0.75em','1em','1.25em']}} /></IconButton>
               }
+              </Box>
             </Stack>
         </Box>
         <Box component='li' className="spacer">&nbsp;</Box>