From 651eca072571bb8240935a9c899ed9047fed4b9a Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Sat, 26 Feb 2022 15:13:01 -0800
Subject: [PATCH] Fix #29 -- scale html font-size to smaller pt size if with <
 900

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/Table.css | 7 +++----
 client/src/index.css | 6 ++++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/Table.css b/client/src/Table.css
index c1502a4..19d8564 100755
--- a/client/src/Table.css
+++ b/client/src/Table.css
@@ -10,7 +10,7 @@
 
 .BottomBar {
   display: flex;
-  margin-right: 30vw;
+  margin-right: 30rem;
   justify-content: space-between;
   align-items: flex-end;
 }
@@ -19,8 +19,6 @@
   display: flex;
   position: absolute;
   left: 0.5em;
-/*  right: 30vw;*/
-/*  bottom: 0;*/
   opacity: 0.8;
   top: 0.5em;
   justify-content: center;
@@ -209,7 +207,7 @@
   box-sizing: border-box;
   max-height: 100vh;
   overflow: hidden;
-  max-width: 30vw;
+  max-width: 30rem;
   z-index: 100;
   padding: 0.5em;
   right: 0px;
@@ -418,6 +416,7 @@
 
 .Action {
   display: flex;
+  flex-wrap: wrap;
   flex: 1 0;
   align-items: center;
   justify-content: space-evenly;
diff --git a/client/src/index.css b/client/src/index.css
index ec2585e..aa3cb9a 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -1,3 +1,9 @@
+@media only screen and (max-width: 900px) {
+  html {
+    font-size: 10px;
+  }
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',