From d8d86b9bbbdf231e7e5fba6b2b31f12f943c4c05 Mon Sep 17 00:00:00 2001
From: Alec Maier <Maier.144@osu.edu>
Date: Sat, 7 Sep 2019 00:29:39 -0400
Subject: [PATCH] Made headers slightly smaller on mobile

---
 static/styles.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index b5f7755..d0415d5 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,6 +1,6 @@
 @media(max-width: 750px) {
     .app-header {
-        font-size: 50px;
+        font-size: 45px;
         margin: 2em 0 0.5em 0;
     }
 
@@ -281,6 +281,7 @@ button {
 
 .card-bottom {
     display: flex;
+    display: -webkit-flex;
     justify-content: flex-end;
     height: 50%;
     align-items: flex-start;
@@ -330,7 +331,8 @@ button {
 
 #card-select {
     display: flex;
-    flex-wrap: wrap;
+    display: -webkit-flex;
+    -webkit-flex-wrap: wrap;
     margin-bottom: 3em;
 }