From 0f07e759057e9211b1a2b148ad6a2b3b0734b36f Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Thu, 23 Nov 2023 12:43:20 +0000
Subject: [PATCH] fix: modal styles on mobile

---
 packages/app/src/Element/Modal.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/app/src/Element/Modal.css b/packages/app/src/Element/Modal.css
index a08181f9..8150bbc7 100644
--- a/packages/app/src/Element/Modal.css
+++ b/packages/app/src/Element/Modal.css
@@ -20,6 +20,7 @@
   margin-top: auto;
   margin-bottom: auto;
   --border-color: var(--gray);
+  max-width: 100%;
 }
 
 @media (min-width: 600px) {
@@ -28,6 +29,11 @@
     width: 600px;
   }
 }
+@media (max-width: 600px) {
+  .modal-body {
+    min-width: 100%;
+  }
+}
 
 .modal-body button.secondary:hover {
   background-color: var(--gray);