patch link style

packages/play-node-go/public/reset.css

@@ -1,5 +1,6 @@
-a {
+a, a:link, a:visited, a:focus, a:active {
   color: unset;
+  text-decoration: none;
 }
 
 /* http://meyerweb.com/eric/tools/css/reset/

packages/play-node-go/public/stylesheets/partials/_mixins.scss

@@ -15,3 +15,7 @@
   background-color: rgba(0,0,0,0.7);
   padding: 0.25em;
 }
+
+@function place-below($grid-column, $grid-row) {
+  @return $grid-row + 1 + '/' + $grid-column + 2 + '/ span 1 / span 1';
+}

packages/play-node-go/public/stylesheets/style.css

@@ -1,8 +0,0 @@
-body {
-  padding: 50px;
-  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
-}
-
-a {
-  color: #00B7FF;
-}

packages/play-node-go/src/components/Button/Game/Game.scss

@@ -129,11 +129,7 @@ div.GameButton__player-data {
   }
 }
 
-.GameButton__link {
+a.GameButton__link {
   @include gameViewLabel;
   margin: 0 auto;
-  text-decoration: none;
-  &:hover {
-    text-decoration: underline;
-  }
 }

packages/play-node-go/src/components/Display/RoomDetail/RoomDetail.scss

@@ -0,0 +1 @@
+@import '../../../../public/stylesheets/partials/mixins';

packages/play-node-go/src/index.scss

@@ -45,3 +45,7 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
+
+a:hover, a:active {
+  text-decoration: underline;
+}

packages/play-node-go/src/pages/Home/Home.js

@@ -10,7 +10,7 @@ const Home = props => {
   const dispatch =  props.dispatch;
   const [ roomDetail, setRoomDetail ] = useState(0);
 
-  const showRoomDetail = id => setRoomDetail(id);
+  const showRoomDetail = id => roomDetail === id ? setRoomDetail(0) : setRoomDetail(id);
   
   const renderRooms = () => {
     const rooms = state.rooms || [];

packages/play-node-go/src/pages/Home/Home.scss

@@ -3,10 +3,9 @@
 
 div.Home {
   @include fullspan;
-  display: flex;
-  flex-flow: row wrap;
-  align-items: flex-start;
-  justify-content: flex-start;
   background-color: map-get($colors, "home");
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 22vh);
+  grid-template-rows: repeat(auto-fill, minmax(22vh, 1fr));
   overflow: scroll;
 }