From 025ecf6148563ee56d4708b1c8f60ce4f0b046e5 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Mon, 24 May 2021 18:24:08 +0100
Subject: [PATCH] Context menu style improvements + mobile

---
 src/components/map/MapContextMenu.vue | 21 +++++++++++++++++++++
 src/scss/style.scss                   |  1 -
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/map/MapContextMenu.vue b/src/components/map/MapContextMenu.vue
index 1fed8cf..80d9537 100644
--- a/src/components/map/MapContextMenu.vue
+++ b/src/components/map/MapContextMenu.vue
@@ -166,5 +166,26 @@ export default defineComponent({
 		padding: 0.5rem;
 		min-width: 15rem;
 		max-width: 22.5rem;
+
+		::v-deep(.world) {
+			padding: 0.2rem 0 0.2rem 0.8rem;
+			margin-bottom: 0;
+
+			li {
+				width: 2.8rem;
+				height: 2.8rem;
+			}
+		}
+
+		@media screen and (max-width: 767px) {
+			bottom: 0.5rem;
+			left: 0;
+			right: 0;
+			margin: auto;
+			width: 90vw;
+			max-width: 40rem;
+			overflow: auto;
+			transform: none !important;
+		}
 	}
 </style>
\ No newline at end of file
diff --git a/src/scss/style.scss b/src/scss/style.scss
index c965624..484b86e 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -155,7 +155,6 @@ input {
 		display: flex;
 		padding: 0.8rem 0.8rem 0.7rem;
 		position: relative;
-		margin: 0 !important;
 		border-bottom: 0.1rem solid transparent;
 
 		> button {