From ca9b3ce1f463370ae6454a98135adbd0827235f8 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Wed, 1 Sep 2021 17:53:08 +0100
Subject: [PATCH] Quick fix for world with many maps defined

Need a better long term solution for this
---
 src/components/sidebar/WorldListItem.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/sidebar/WorldListItem.vue b/src/components/sidebar/WorldListItem.vue
index 48cf64f..f4eccc3 100644
--- a/src/components/sidebar/WorldListItem.vue
+++ b/src/components/sidebar/WorldListItem.vue
@@ -90,17 +90,22 @@ export default defineComponent({
 
 		.world__maps {
 			display: flex;
+			flex: 0 0 auto;
+			flex-wrap: wrap;
+			max-width: 11.1rem;
 			align-items: center;
 			margin-left: auto;
 			padding-left: 1rem;
 			padding-right: 0.2rem;
 			list-style: none;
+			margin-right: -0.5rem;
 		}
 	}
 
 	.map {
 		width: 3.2rem;
 		height: 3.2rem;
+		margin-right: 0.5rem;
 
 		.svg-icon {
 			top: 0.2rem !important;
@@ -110,9 +115,5 @@ export default defineComponent({
 			width: calc(100% - 0.4rem) !important;
 			height: auto !important;
 		}
-
-		& ~ .map {
-			margin-left: 0.5rem;
-		}
 	}
 </style>