From 6f11542b33a6f34ad233132aa2fdd424b4d60a3f Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Thu, 27 May 2021 00:01:09 +0100
Subject: [PATCH] Fix notification styles

---
 src/App.vue                  | 12 ++++++++++--
 src/scss/_notifications.scss |  2 +-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5175431..4bd5f12 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,7 @@
 	<Map></Map>
 	<Sidebar></Sidebar>
 	<ChatBox v-if="chatBoxEnabled" v-show="chatBoxEnabled && chatVisible"></ChatBox>
-	<notifications position="bottom center" :speed="250" :max="3" :ignoreDuplicates="true" />
+	<notifications position="bottom center" :speed="250" :max="3" :ignoreDuplicates="true" classes="notification" />
 </template>
 
 <script lang="ts">
@@ -57,7 +57,15 @@ export default defineComponent({
 				try {
 					await store.dispatch(ActionTypes.LOAD_CONFIGURATION, undefined);
 					startUpdates();
-					requestAnimationFrame(() => window.hideSplash());
+					requestAnimationFrame(() => {
+						window.hideSplash();
+
+						const map = document.getElementById('#app');
+
+						if(map) {
+							(map as HTMLElement).focus();
+						}
+					});
 				} catch(e) {
 					//Request was aborted, probably because another server was selected before the request finished. Don't retry
 					if(e instanceof DOMException && e.name === 'AbortError') {
diff --git a/src/scss/_notifications.scss b/src/scss/_notifications.scss
index 3c68bb1..e8f12fb 100644
--- a/src/scss/_notifications.scss
+++ b/src/scss/_notifications.scss
@@ -1,4 +1,4 @@
-.vue-notification {
+.vue-notification-group .notification {
 	margin: 0 0.5rem 1rem;
 	padding: 1rem 1.5rem;
 	min-height: 5rem;