diff --git a/src/index.css b/src/index.css index f4e2d91..ab1750a 100644 --- a/src/index.css +++ b/src/index.css @@ -48,3 +48,7 @@ ol, ul { .game-info { margin-left: 20px; } + +.selected button { + font-weight: bolder; +} diff --git a/src/index.js b/src/index.js index 1a68685..ab6f1b4 100644 --- a/src/index.js +++ b/src/index.js @@ -3,7 +3,6 @@ import ReactDOM from 'react-dom'; import './index.css'; /*TODO - Bold the currently selected item in the move list. Rewrite Board to use two loops to make the squares instead of hardcoding them. Add a toggle button that lets you sort the moves in either ascending or descending order. When someone wins, highlight the three squares that caused the win. @@ -107,7 +106,7 @@ class Game extends React.Component { 'Go to game start' : `Go to move #${index} [${state.playX}, ${state.playY}]`; return ( -
  • +
  • );