From b393e68d1d361028da8eb41dc06d38a8d8ee5088 Mon Sep 17 00:00:00 2001
From: Ben Busby <contact@benbusby.com>
Date: Tue, 1 Feb 2022 20:36:53 -0700
Subject: [PATCH] Fix incorrect min-width for mobile screen sizes

min-width was previously set to 736px for all screen sizes, which forced
content off screen for smaller devices such as mobile phones. This
modifies the search stylesheet to only apply a min-width style to
devices > 800px wide.
---
 app/static/css/search.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/static/css/search.css b/app/static/css/search.css
index 9434ef9..23484a2 100644
--- a/app/static/css/search.css
+++ b/app/static/css/search.css
@@ -1,7 +1,10 @@
 body {
     display: block !important;
     margin: auto !important;
-    min-width: 736px !important;
+}
+
+.vvjwJb {
+    font-size: 16px !important;
 }
 
 .autocomplete {
@@ -49,3 +52,9 @@ details summary span {
 .ip-text-div {
     padding-top: 0 !important;
 }
+
+@media (min-width: 801px) {
+    body {
+        min-width: 736px !important;
+    }
+}