From 0dbf0ed844ddf2aac240faa3fb0a35c3fd87d5d6 Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel.bri.june@gmail.com>
Date: Sun, 12 Apr 2020 14:50:03 -0700
Subject: [PATCH] patch to Game button style

---
 .../src/components/Button/Game/Game.scss             | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

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 925b6f2..3699d16 100644
--- a/packages/play-node-go/src/components/Button/Game/Game.scss
+++ b/packages/play-node-go/src/components/Button/Game/Game.scss
@@ -11,7 +11,7 @@ div.GameButton {
 }
 
 div.GameButton__seat {
-  background-color: red;
+  background: linear-gradient(190deg, rgb(232, 78, 78), rgb(172, 18, 18) 40%, rgb(100, 0, 0));
   height: 10%;
   margin: 0 auto;
   width: 50%;
@@ -67,15 +67,16 @@ div.GameButton__table__image {
   z-index: 1;
   
   div.table__game-board {
+    align-items: center;
     background: radial-gradient(
       farthest-corner at 55% 40%, 
       rgb(244, 230, 120) 0%, rgb(234, 178, 78) 65%, rgb(200, 160, 90) 90%, rgb(200, 140, 90) 100%
-    );
+      );
+    box-shadow: -0.5vh 1vh 2vh rgba(30,30,30, 0.7);
     height: 60%;
+    justify-content: center;
     width: 60%;
     display: flex;
-    align-items: center;
-    justify-content: center;
 
     div.table__game-board--grid {
       background: 
@@ -99,6 +100,7 @@ div.table__player-area {
       rgb(100, 40, 5) 80%, rgb(80, 20, 0) 90%
     );
     border-radius: 50%;
+    box-shadow: -0.5vh 1vh 2vh rgba(30,30,30, 0.7);
     height: 100%;
 
     &--white {
@@ -117,9 +119,11 @@ div.GameButton__player-data {
   display: flex;
   justify-content: space-around;
   max-width: 100%;
+
   &.GameButton__player-data--invisible {
     visibility: hidden;
   }
+  
   &.GameButton__player-data--white {
     margin: 0 5vw 1vw 0.5vw;
   }