From 0b9b981812535045e5255a7333100d87eab5bf7e Mon Sep 17 00:00:00 2001
From: Geoffrey Allott <geoffrey@allott.email>
Date: Fri, 2 Apr 2021 17:26:57 +0100
Subject: [PATCH] fix game list display for mobile because of vh bug

---
 site/style/game-list.css | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/site/style/game-list.css b/site/style/game-list.css
index 26f052e..e44e83b 100644
--- a/site/style/game-list.css
+++ b/site/style/game-list.css
@@ -1,33 +1,26 @@
 .game-list-outside {
     width: 100%;
     height: 100%;
-    display: grid;
+    display: flex;
+    flex-direction: column;
     overflow: hidden;
     font-size: 3vw;
-    align-content: stretch;
 }
 
 .game-list-outside > input {
-    grid-column: 1;
-    grid-row: 1;
-    align-self: start;
+    width: 100%;
     height: 4vw;
     font-size: inherit;
 }
 
 .game-list-outside > button {
-    grid-column: 1;
-    grid-row: 3;
-    align-self: end;
     height: 10vw;
+    width: 100%;
     font-size: inherit;
 }
 
 .game-list-container {
-    grid-column: 1;
-    grid-row: 2;
-    align-self: stretch;
-    height: calc(100vh - 16vw);
+    height: 100%;
     overflow-x: clip;
     overflow-y: scroll;
 }
-- 
2.34.1