Change styling to not put game info to the right of the board

[lmno.games] / tictactoe / tictactoe.jsx

diff --git a/tictactoe/tictactoe.jsx b/tictactoe/tictactoe.jsx
index 934faa8e0cc63e37adc530c22beea642f7782fb7..849a6f2a113f6141ceaf1e33927bb10d2bbadd23 100644 (file)
--- a/tictactoe/tictactoe.jsx
+++ b/tictactoe/tictactoe.jsx
@@ -146,15 +146,15 @@ class Game extends React.Component {
 
     return (
       <div className="game">
 
     return (
       <div className="game">

+        <div className="game-info">
+          <div>{status}</div>
+        </div>

         <div className="game-board">
           <Board
             squares={current.squares}
             onClick={i => this.handleClick(i)}
           />
         </div>
         <div className="game-board">
           <Board
             squares={current.squares}
             onClick={i => this.handleClick(i)}
           />
         </div>

-        <div className="game-info">
-          <div>{status}</div>
-        </div>

       </div>
     );
   }
       </div>
     );
   }