Screen sizes now work on Android browser

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>

client/src/Table.css

@@ -1,8 +1,10 @@
 .Table {
   display: flex;
   position: absolute;
+  align-self: stretch;
   width: 100%;
-  height: 100%;
+  height: 100vh;
+  min-height: 100%;
   justify-content: space-between; /* left-justify 'board', right-justify 'game' */
   background-image: url("./assets/tabletop.png");
 }

client/src/Table.js

@@ -826,7 +826,7 @@ class Table extends React.Component {
   
   updateGame(game) {
     if (this.state.signature !== game.signature) {
-      game.signature = game.signature;
+      this.setState( { signature: game.signature });
     }
 //    console.log("Update Game", game);
     this.setState( { game: game });

client/src/Trade.js

@@ -115,7 +115,7 @@ const Trade = ({table}) => {
       tmp[get.type] = get.count;
     });
     setGets(tmp);
-  }, [giveCount, getCount, setGives, setGets]);
+  }, [giveCount, getCount, setGives, setGets, table]);
 
   if (!table.game) {
     return (<></>);

client/src/index.css

@@ -4,8 +4,18 @@
   }
 }
 
-body {
+html {
+  height: 100%;
+  width: 100%;
   margin: 0;
+  padding: 0;
+}
+
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;