empathy: Add some missing whitespace

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.

diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx
index 407a4fe9cb5cf6f15bcce81e91e2f4c8a3cc9ab1..9b37d0753f3f2839b4fb0e53c8966ff26f34b364 100644 (file)
--- a/empathy/empathy.jsx
+++ b/empathy/empathy.jsx
@@ -574,7 +574,7 @@ class Ambiguities extends React.PureComponent {
         <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>


@@ -736,7 +736,7 @@ class ActivePrompt extends React.PureComponent {
         <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>