From a35cad24df35de9e2ef7b6d4ec05bb3cf6fffac3 Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Sun, 12 Apr 2020 14:22:10 -0700
Subject: [PATCH] patch link style

---
 packages/play-node-go/public/reset.css                    | 3 ++-
 .../play-node-go/public/stylesheets/partials/_mixins.scss | 4 ++++
 packages/play-node-go/public/stylesheets/style.css        | 8 --------
 .../play-node-go/src/components/Button/Game/Game.scss     | 6 +-----
 .../src/components/Display/RoomDetail/RoomDetail.scss     | 1 +
 packages/play-node-go/src/index.scss                      | 4 ++++
 packages/play-node-go/src/pages/Home/Home.js              | 2 +-
 packages/play-node-go/src/pages/Home/Home.scss            | 7 +++----
 8 files changed, 16 insertions(+), 19 deletions(-)
 delete mode 100644 packages/play-node-go/public/stylesheets/style.css

diff --git a/packages/play-node-go/public/reset.css b/packages/play-node-go/public/reset.css
index 82c1626..e91c47f 100644
--- a/packages/play-node-go/public/reset.css
+++ b/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/
diff --git a/packages/play-node-go/public/stylesheets/partials/_mixins.scss b/packages/play-node-go/public/stylesheets/partials/_mixins.scss
index 5f00e47..94c2991 100644
--- a/packages/play-node-go/public/stylesheets/partials/_mixins.scss
+++ b/packages/play-node-go/public/stylesheets/partials/_mixins.scss
@@ -14,4 +14,8 @@
   color: rgb(255,240,230);
   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';
 }
\ No newline at end of file
diff --git a/packages/play-node-go/public/stylesheets/style.css b/packages/play-node-go/public/stylesheets/style.css
deleted file mode 100644
index 9453385..0000000
--- a/packages/play-node-go/public/stylesheets/style.css
+++ /dev/null
@@ -1,8 +0,0 @@
-body {
-  padding: 50px;
-  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
-}
-
-a {
-  color: #00B7FF;
-}
diff --git a/packages/play-node-go/src/components/Button/Game/Game.scss b/packages/play-node-go/src/components/Button/Game/Game.scss
index 5fe29e8..925b6f2 100644
--- a/packages/play-node-go/src/components/Button/Game/Game.scss
+++ b/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;
-  }
 }
\ No newline at end of file
diff --git a/packages/play-node-go/src/components/Display/RoomDetail/RoomDetail.scss b/packages/play-node-go/src/components/Display/RoomDetail/RoomDetail.scss
index e69de29..56d3ee4 100644
--- a/packages/play-node-go/src/components/Display/RoomDetail/RoomDetail.scss
+++ b/packages/play-node-go/src/components/Display/RoomDetail/RoomDetail.scss
@@ -0,0 +1 @@
+@import '../../../../public/stylesheets/partials/mixins';
diff --git a/packages/play-node-go/src/index.scss b/packages/play-node-go/src/index.scss
index 4d5308a..566ccfd 100644
--- a/packages/play-node-go/src/index.scss
+++ b/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;
+}
\ No newline at end of file
diff --git a/packages/play-node-go/src/pages/Home/Home.js b/packages/play-node-go/src/pages/Home/Home.js
index 7d7a804..1ef7225 100644
--- a/packages/play-node-go/src/pages/Home/Home.js
+++ b/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 || [];
diff --git a/packages/play-node-go/src/pages/Home/Home.scss b/packages/play-node-go/src/pages/Home/Home.scss
index ec08757..25abc20 100644
--- a/packages/play-node-go/src/pages/Home/Home.scss
+++ b/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;
 }
\ No newline at end of file