diff --git a/src/App.vue b/src/App.vue
index 8172da1..eaa3539 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,7 +15,9 @@
-->
-
+
@@ -36,10 +38,12 @@ import {LiveAtlasServerDefinition, LiveAtlasUIElement} from "@/index";
import LoginModal from "@/components/login/LoginModal.vue";
import {notify} from "@kyvg/vue3-notification";
import {clearPlayerImageCache} from "@/util/images";
+import MapUI from "@/components/MapUI.vue";
export default defineComponent({
name: 'App',
components: {
+ MapUI,
Map,
Sidebar,
ChatBox,
diff --git a/src/components/Map.vue b/src/components/Map.vue
index 4db106f..6c4e81c 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -22,18 +22,10 @@
-
-
-
-
-
-
-
-
-
+
+
+
diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index a1dbb03..a4d3342 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -40,6 +40,7 @@
user-select: none;
padding: 0.8rem 0.8rem 0.7rem;
line-height: 2rem;
+ letter-spacing: 0.02rem;
-webkit-tap-highlight-color: transparent;
.svg-icon {
diff --git a/src/scss/_placeholders.scss b/src/scss/_placeholders.scss
index 4ea638d..78bbc91 100644
--- a/src/scss/_placeholders.scss
+++ b/src/scss/_placeholders.scss
@@ -53,5 +53,4 @@
display: flex;
flex-direction: column;
padding: 1.5rem;
- position: relative;
}
diff --git a/src/scss/style.scss b/src/scss/style.scss
index a1c0c04..81bd197 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -79,7 +79,7 @@ a {
color: var(--text-base);
}
-button, [type=button] {
+button, input[type=button], input[type=reset], input[type=submit] {
@extend %button;
}