style Kifu to hover 'show menu' text

packages/play-node-go/src/components/GameUI/Kifu/Kifu.js

@@ -2,8 +2,15 @@ import React from "react";
 import "./Kifu.scss";
 
 const Kifu = () => {
+  const handleClick = (e) => {
+    console.log("clicked");
+  };
+
   return (
     <div className="Kifu">
+      <p className="Kifu__show-menu" onClick={handleClick}>
+        Show Menu?
+      </p>
       <div className="Kifu__board"></div>
     </div>
   );

packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss

@@ -1,9 +1,26 @@
+@import '../../../../public/stylesheets/partials/mixins';
+
 div.Kifu {
   order: 0;
   height: 10vh;
   width: 8vh;
   background-color: #FFF;
   transform: rotate(-20deg);
+
+  p.Kifu__show-menu {
+    display: none;
+    position: absolute;
+    transform: rotate(20deg);
+    width: fit-content;
+  }
+  &:hover {
+    p.Kifu__show-menu {
+      @include gameViewLabel;
+      cursor: pointer;
+      display: inline-block;
+    }
+  }
+
   div.Kifu__board {
     border: 0.25vh solid #444;
     width: 5vh;