Now that we don't have that huge list of buttons, it seems silly to
have the short status message off to the side.
.kbd-navigation .square:focus {
background: #ddd;
}
-
-.game {
- display: flex;
- flex-direction: row;
-}
-
-.game-info {
- margin-left: 20px;
- margin-bottom: 20px;
-}
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-info">
- <div>{status}</div>
- </div>
</div>
);
}