diff --git a/src/client/src/TournamentCreator.js b/src/client/src/TournamentCreator.js index ae32d9a..b2b1cd2 100644 --- a/src/client/src/TournamentCreator.js +++ b/src/client/src/TournamentCreator.js @@ -100,8 +100,7 @@ function TournamentForm(props) { { value: 3, label: "8",}, { value: 4, label: "16",}, { value: 5, label: "32",}, - { value: 6, label: "64",}, - { value: 7, label: "128",} + { value: 6, label: "64",} ]; return ( @@ -147,7 +146,7 @@ function TournamentForm(props) { - + diff --git a/src/client/src/TournamentOverview.js b/src/client/src/TournamentOverview.js index 78103d8..0a1732e 100644 --- a/src/client/src/TournamentOverview.js +++ b/src/client/src/TournamentOverview.js @@ -94,11 +94,11 @@ function Match(props) {
{/* Team 1 (Winner-status?) (Team name) */} -
}> +
{team1Name}
{/* Team 2 (Winner-status?) (Team name) */} -
}> +
{team2Name}
diff --git a/src/client/src/components/tournamentBracket.css b/src/client/src/components/tournamentBracket.css index 82c21f4..0672428 100644 --- a/src/client/src/components/tournamentBracket.css +++ b/src/client/src/components/tournamentBracket.css @@ -6,19 +6,19 @@ html,body{ display: flex; position: relative; flex-direction: row; - justify-content: space-between; + justify-content: center; align-items: center; - width: 100%; + width: 90vw; height: 100%; padding:2%; } .winners{ - margin: 2rem; + margin: 2vw; } .participants{ - border-radius: 0.25rem; + border-radius: 0.25vw; overflow: hidden; border: 1px solid gray; } @@ -26,12 +26,12 @@ html,body{ box-sizing: border-box; color: #404040; background: white; - width: 14rem; - height: 3rem; + width: 10vw; + height: 3vw; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12); } .participants .participant span { - margin: 0 1.25rem; + margin: 0 1.25vw; line-height: 3; font-size: 1rem; font-family: "Roboto Slab"; @@ -64,14 +64,14 @@ html,body{ } .matchup{ - margin: 1rem 0; + margin: 1vw 0; } .winners{ display: flex; - justify-content: space-between; + justify-content: center; flex-direction: row; - margin: 2rem 0; + margin: 2vh 0; } .round{ @@ -79,27 +79,27 @@ html,body{ } .round.thirtysecondfinals{ - margin: 0 2rem; + margin: 0vh 2vw; height: 100%; } .round.sixteenthfinals{ - margin: 0 2rem; + margin: 0vh 2vw; height: 100%; } .round.eighthfinals{ - margin: 0 2rem; + margin: 0vh 2vw; height: 100%; } .round.quarterfinals{ - margin: 0 2rem; + margin: 0vh 2vw; height: 100%; } .round.semifinals{ - margin: 0 2rem; + margin: 0vh 2vw; height: 100%; } .round.finals{ - margin: 0 2rem; + margin: 0vh 2vw; } .connector{