JSX is sometimes annoyingly aggressive about eliminating whitespace
between textual content and component content. I'm not sure if this
solution is the best approach, but it works at least.
<div className="please-wait">
<h2>Submission received</h2>
<p>
<div className="please-wait">
<h2>Submission received</h2>
<p>
- The following players have completed judging:
+ The following players have completed judging:{' '}
{[...this.props.players_judged].join(', ')}
</p>
<p>
{[...this.props.players_judged].join(', ')}
</p>
<p>
<div className="please-wait">
<h2>Submission received</h2>
<p>
<div className="please-wait">
<h2>Submission received</h2>
<p>
- The following players have submitted their answers:
+ The following players have submitted their answers:{' '}
{[...this.props.players_answered].join(', ')}
</p>
<p>
{[...this.props.players_answered].join(', ')}
</p>
<p>