Fixed sidebar party closing on route change

app/imports/client/ui/creature/creatureList/CreatureFolderHeader.vue

@@ -1,5 +1,5 @@
 <template lang="html">
-  <v-list-item-content style="min-height: 60px;">
+  <v-list-item-content :style="dense ? undefined : 'min-height: 60px;'">
     <v-list-item-title class="d-flex align-center">
       <div
         v-if="!renaming"

app/imports/client/ui/creature/creatureList/CreatureFolderList.vue

@@ -1,6 +1,8 @@
 <template lang="html">
   <v-list
     expand
+    :nav="nav"
+    :dense="dense"
     class="creature-folder-list"
   >
     <creature-list
@@ -14,7 +16,7 @@
       v-for="folder in folders"
       :key="folder._id"
       v-model="openFolders[folder._id]"
-      group="folder"
+      :dense="dense"
     >
       <template #activator>
         <creature-folder-header
@@ -60,6 +62,7 @@ export default {
       default: undefined,
     },
     dense: Boolean,
+    nav: Boolean,
   },
   data(){return{
     openFolders: {},

app/imports/client/ui/creature/creatureList/CreatureListTile.vue

@@ -5,10 +5,12 @@
   <v-list-item
     v-bind="$attrs"
     :class="isSelected && 'primary--text v-list-item--active'"
+    :dense="dense"
     v-on="selection ? { click() {$emit('click')} } : {}"
   >
     <v-list-item-avatar
       :color="isSelected ? 'red darken-1' : model.color || 'grey'"
+      :size="dense ? 30 : undefined"
       class="white--text"
       style="transition: background 0.3s;"
     >

app/imports/client/ui/layouts/Sidebar.vue

@@ -11,7 +11,10 @@
         Sign in
       </v-btn>
     </v-layout>
-    <v-list>
+    <v-list
+      nav
+      class="links"
+    >
       <v-list-item v-if="signedIn">
         <v-list-item-content>
           <v-list-item-title>
@@ -138,3 +141,9 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.links .v-list-item:not(:last-child):not(:only-child) {
+  margin-bottom: 4px;
+}
+</style>