From f2c0ce62fea30fcf1e4c7212965be85ee2be4b3c Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Mon, 13 Apr 2020 18:58:55 -0700
Subject: [PATCH] patch link underline styles

---
 .../play-node-go/src/components/Button/Room/Room.js    |  2 +-
 packages/play-node-go/src/index.scss                   | 10 +++++++++-
 .../play-node-go/src/pages/Layout/NavBar/NavBar.js     |  6 +++---
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/packages/play-node-go/src/components/Button/Room/Room.js b/packages/play-node-go/src/components/Button/Room/Room.js
index 1aa7bbe..bd3b865 100644
--- a/packages/play-node-go/src/components/Button/Room/Room.js
+++ b/packages/play-node-go/src/components/Button/Room/Room.js
@@ -56,7 +56,7 @@ const RoomButton = ({room, roomDetail, showRoomDetail}) => {
           <Link to={`/rooms/${room.id}`}>Join {room.name}</Link>
         </h4>
         <h4 
-          className="RoomButton__room-link RoomButton__room-link--info"
+          className="RoomButton__room-link RoomButton__room-link--info --link"
           onClick={e => showRoomDetail(room.id)}
         >
           ?
diff --git a/packages/play-node-go/src/index.scss b/packages/play-node-go/src/index.scss
index c8f02b7..87e1ece 100644
--- a/packages/play-node-go/src/index.scss
+++ b/packages/play-node-go/src/index.scss
@@ -55,6 +55,14 @@ h4 {
   font-size: 110%;
 }
 
-a:hover, a:active {
+a:hover, a:active, {
   text-decoration: underline;
+}
+
+.--link {
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
 }
\ No newline at end of file
diff --git a/packages/play-node-go/src/pages/Layout/NavBar/NavBar.js b/packages/play-node-go/src/pages/Layout/NavBar/NavBar.js
index 67d09c5..02da86e 100644
--- a/packages/play-node-go/src/pages/Layout/NavBar/NavBar.js
+++ b/packages/play-node-go/src/pages/Layout/NavBar/NavBar.js
@@ -12,15 +12,15 @@ const NavBar = (props) => {
       </Link>
 
       <Link to="/home" >
-        <div className="NavBar__menu-item NavBar__home"><p>Find a Game</p></div>
+        <div className="NavBar__menu-item NavBar__home"><p className="--link">Find a Game</p></div>
       </Link>
       
       <Link to="/news">
-        <div className="NavBar__menu-item NavBar__news"><p>News</p></div>
+        <div className="NavBar__menu-item NavBar__news"><p className="--link">News</p></div>
       </Link>
 
       <Link to="/account">
-        <div className="NavBar__menu-item NavBar__acount">{props.user ? props.user.username : <></>}</div>
+        <div className="NavBar__menu-item NavBar__account">{props.user ? props.user.username : <></>}</div>
       </Link>
     </div>
   );