From 6110550da8de458552282ee91e63df66a131c32b Mon Sep 17 00:00:00 2001
From: Lynn <lynn@foldr.moe>
Date: Sat, 15 Jan 2022 20:12:56 +0100
Subject: [PATCH] Fix table shrinky

---
 src/App.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index eae8b23..6abd2ae 100644
--- a/src/App.css
+++ b/src/App.css
@@ -15,7 +15,9 @@ body {
 .Row-letter {
   margin: 2px;
   border: 2px solid rgba(0, 0, 0, 0.4);
-  width: 40px;
+  flex: 1;
+  overflow: overlay;
+  max-width: 40px;
   height: 40px;
   font-size: 28px;
   display: flex;
@@ -46,6 +48,17 @@ body {
 
 table.Game-rows {
   margin: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+table.Game-rows:focus {
+  outline: none;
+}
+
+table.Game-rows > tbody {
+  display: flex;
+  flex-direction: column;
 }
 
 .Game-keyboard {