From c015886f4af1ccc7576a77c15341b1fe9d5ebabf Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Wed, 1 Sep 2021 02:13:44 +0100
Subject: [PATCH] Improve login modal mobile styling

---
 src/components/login/LoginModal.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/login/LoginModal.vue b/src/components/login/LoginModal.vue
index 14c9142..d98b90f 100644
--- a/src/components/login/LoginModal.vue
+++ b/src/components/login/LoginModal.vue
@@ -71,5 +71,13 @@ export default defineComponent({
 			width: calc(50% - 1.5rem);
 			box-sizing: border-box;
 		}
+
+		@media (max-width: 600px) {
+			flex-direction: column;
+
+			.form {
+				width: 100%;
+			}
+		}
 	}
 </style>