making the ui for matchup