From b94fe95765b807223c1383cd57a947a7dc4c7f18 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Sat, 26 Feb 2022 16:12:47 -0800
Subject: [PATCH] Scaling seems to now work for board and dialogs

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/Board.css | 18 +++++++++---------
 client/src/Table.css |  4 ++--
 client/src/Table.js  |  6 +++++-
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/client/src/Board.css b/client/src/Board.css
index d4e705f..83170a4 100644
--- a/client/src/Board.css
+++ b/client/src/Board.css
@@ -38,8 +38,8 @@
   z-index: 50; /* Above Tile (5,10), Road (12), Corner (20) */
   position: absolute;
   background-size: 600% auto; /* pip-numbers is a 6x6 grid of pip images */
-  width: 2em;
-  height: 2em;
+  width: 40px;
+  height: 40px;
   transform: translate(-50%, -50%);
 }
 
@@ -82,8 +82,8 @@
   align-items: center;
   justify-items: center;
   box-sizing: border-box;
-  width: 1.5em;
-  height: 1.5em;
+  width: 25px;
+  height: 25px;
   transform: translate(-50%, -50%);
   pointer-events: none;
 }
@@ -112,9 +112,9 @@
   align-items: center;
   justify-items: center;
   box-sizing: border-box;
+  width: 10px;
+  height: 50px;
   transform-origin: 50% 0;
-  width: 0.5em;
-  height: 2.5em;
   z-index: 11; /* Above Tile, below Corner */
   pointer-events: none;
 }
@@ -163,14 +163,14 @@
 }
 
 .Robber .Pip-Shape {
-  top: -2em;
-  left: -2em;
+  top: -40px;
+  left: -40px;
   clip-path: circle(50%);
   transform: scale(0.45);
   background-color:#e7c099;
   background-size: contain;
   background-position: center; 
-  border: 0.2em solid #8c471f;
+  border: 4px solid #8c471f;
   border-radius: 50%;
 }
 
diff --git a/client/src/Table.css b/client/src/Table.css
index e926d3b..96bc092 100755
--- a/client/src/Table.css
+++ b/client/src/Table.css
@@ -12,7 +12,7 @@
   margin-right: 30rem;
   justify-content: space-between;
   align-items: flex-end;
-  height: 8rem;
+  height: 10.5rem;
   overflow: visible;
 }
 
@@ -454,7 +454,7 @@ button {
   flex: 1 0;
   justify-content: left;
   text-align: left;
-  font-size: 12pt;
+ /* font-size: 12pt;*/
   padding: 0.5em;
   user-select: none;
 }
diff --git a/client/src/Table.js b/client/src/Table.js
index ef31353..57c9aa1 100755
--- a/client/src/Table.js
+++ b/client/src/Table.js
@@ -582,7 +582,11 @@ class Table extends React.Component {
       this.loadTimer = null;
     }
 
-    return window.fetch(`${base}/api/v1/games/${this.state.game.id}/${action}/${value ? value : ''}`, {
+    if (value === undefined || value === null) {
+      value = '';
+    }
+
+    return window.fetch(`${base}/api/v1/games/${this.state.game.id}/${action}/${value}`, {
       method: "PUT",
       cache: 'no-cache',
       credentials: 'same-origin',