From 808712a7c7431907b1eff7c6935a4f34f8f4dadc Mon Sep 17 00:00:00 2001
From: Elijah Steres <elijahsteres@gmail.com>
Date: Mon, 4 Jan 2021 17:57:13 -0500
Subject: [PATCH] fix safari display, maybe

---
 static/css/game.css       | 26 +++++++-------------------
 static/css/games_page.css | 15 ++-------------
 2 files changed, 9 insertions(+), 32 deletions(-)

diff --git a/static/css/game.css b/static/css/game.css
index 01624c2..2b0aa55 100644
--- a/static/css/game.css
+++ b/static/css/game.css
@@ -19,7 +19,7 @@
     border-top: none;
     border-right: none;
     border-bottom: none;
-    height: max-content;
+    height: min-content;
 }
 
 .header {
@@ -41,7 +41,7 @@
     grid-template-columns: repeat(3, minmax(0, 1fr));
     grid-template-areas:
       "teams teams info" "players players info" "update update update";
-    grid-template-rows: 5.5rem auto auto;
+    grid-template-rows: minmax(5.75rem, min-content) minmax(4rem, min-content) minmax(4rem, min-content);
     grid-row-gap: 0.5rem;
     grid-column-gap: 0.75rem;
 }
@@ -196,33 +196,21 @@
 }
 
 @media only screen and (max-device-width: 800px) {
-    .batting {
+    .game {
         font-size: 15pt;
-        text-align: left;
-        height: max-content;
-        padding: 5px;
     }
 
-    .leagueoruser {
-        font-size: 15pt;
-        text-align: right;
-        height: max-content;
-        padding: 5px;
+    .batting, .leagueoruser {
+        font-size: 14pt;
+        padding: 3px;
     }
 
     .team_name, .score {
-        font-size: 23px
+        font-size: 25px
     }
 
     .players {
         font-size: 20px;
-        grid-area: players;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-around;
-        align-items: center;
-        height: 100%;
-        padding-right: 50px;
     }
 
     .update_emoji, .update_text {
diff --git a/static/css/games_page.css b/static/css/games_page.css
index f95f077..213fde7 100644
--- a/static/css/games_page.css
+++ b/static/css/games_page.css
@@ -7,7 +7,7 @@
     grid-auto-flow: row;
 }
 
-.container > div {
+.emptyslot, .game {
     min-height: 298px;
 }
 
@@ -68,12 +68,6 @@
     .container {
         display: grid;
         grid-template-columns: repeat(1, minmax(700px, 90%));
-        grid-template-rows: 400px;
-        grid-gap: 50px 30px; /*space between rows, then columns*/
-        align-items: center;
-        justify-items: center;
-        grid-auto-rows: 400px;
-        grid-auto-flow: row;
         position: absolute;
         left: 50%;
         transform: translate(-50%, 0);
@@ -81,11 +75,6 @@
 
     .emptyslot {
         border: none;
-        border-radius: 15px;
-        align-self: stretch;
-        justify-self: stretch;
-        text-align: center;
-        color: white;
-        flex: 1;
+        min-height: 0px;
     }
 }
\ No newline at end of file