From: Geoffrey Allott <geoffrey@allott.email>
Date: Fri, 2 Apr 2021 16:26:57 +0000 (+0100)
Subject: fix game list display for mobile because of vh bug
X-Git-Url: https://git.pointlesshacks.com/?a=commitdiff_plain;h=0b9b981812535045e5255a7333100d87eab5bf7e;p=pokerwave.git

fix game list display for mobile because of vh bug
---

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;
 }