From 6545a9573e7a1a04fa5b8300801b30636ed25b9a Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 13 Jan 2022 20:39:35 -0800
Subject: [PATCH] Increase width for modals on mobile. Closes #1669

---
 webroot/styles/app.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/webroot/styles/app.css b/webroot/styles/app.css
index b8f6f3ed1..8c20cf2c2 100644
--- a/webroot/styles/app.css
+++ b/webroot/styles/app.css
@@ -358,6 +358,13 @@ header {
   overflow: hidden;
   box-sizing: border-box;
 }
+
+@media screen and (max-width: 600px) {
+  .modal__container {
+    width: 100%;
+  }
+}
+
 .modal__close {
   background: transparent;
   border: 0;