From 34bacc044f07dbdcdc76730f54cf8baf43840144 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Sat, 29 May 2021 00:09:00 +0100
Subject: [PATCH] Fix skeletons not collapsing

---
 src/components/sidebar/PlayerList.vue | 2 +-
 src/components/sidebar/WorldList.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/PlayerList.vue b/src/components/sidebar/PlayerList.vue
index f5084a7..27a25b2 100644
--- a/src/components/sidebar/PlayerList.vue
+++ b/src/components/sidebar/PlayerList.vue
@@ -21,7 +21,7 @@
 			<RadioList class="section__content" v-if="players.size" aria-labelledby="players-heading">
 				<PlayerListItem v-for="[account, player] in players" :key="account" :player="player"></PlayerListItem>
 			</RadioList>
-			<div v-else class="section__skeleton">{{ skeletonPlayers }}</div>
+			<div v-else class="section__content section__skeleton">{{ skeletonPlayers }}</div>
 		</template>
 	</CollapsibleSection>
 </template>
diff --git a/src/components/sidebar/WorldList.vue b/src/components/sidebar/WorldList.vue
index 573f38f..58ef75c 100644
--- a/src/components/sidebar/WorldList.vue
+++ b/src/components/sidebar/WorldList.vue
@@ -21,7 +21,7 @@
 			<RadioList v-if="worlds.size" class="section__content" aria-labelledby="maps-heading">
 				<WorldListItem :world="world" v-for="[name, world] in worlds" :key="`${prefix}_${currentServer}_${name}`"></WorldListItem>
 			</RadioList>
-			<div v-else class="section__skeleton">{{ skeletonWorlds }}</div>
+			<div v-else class="section__content section__skeleton">{{ skeletonWorlds }}</div>
 		</template>
 	</CollapsibleSection>
 </template>