From 0e35644af91e3a1eab6f07acd99f7ac7a8e737ae Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 18 Dec 2020 18:25:42 -0700
Subject: [PATCH] Add some additional information to the device error screen.

---
 web/src/App.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index e2df581..45f7cfd 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -14,7 +14,9 @@
 			<p class="centre">
 				To use this site you must be using a laptop, desktop, or iPad.
 				If you are on one of those devices and you still see this message,
-				
+				please contact "oliver {at} akins.me" with the following information:
+				<br><br>
+				{{ userAgent }}
 			</p>
 		</div>
 	</div>
@@ -38,8 +40,14 @@ export default {
 		gameState() {
 			return this.$store.state.view;
 		},
+		userAgent() {
+			if (navigator == null) {
+				return "Navigator Undefined";
+			};
+			return navigator.userAgent;
+		},
 		isMobile () {
-			return navigator == null || navigator.userAgent.match(/iPhone|iPod|Android/) != null;
+			return this.userAgent.match(/Navigator|iPhone|iPod|Android/) != null;
 		},
 	},
 	methods: {},
@@ -54,7 +62,7 @@ html, body {
 	background-color: var(--background1);
 	color: var(--light-font-colour);
 	font-family: var(--fonts);
-	overflow: hidden;
+	overflow-x: hidden;
 	height: 100vh;
 	width: 100vw;
 	padding: 0;