From ee391773a25a12fd0e442ccfa9d6a943e5cac4df Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Sun, 20 Dec 2020 15:13:04 +0000
Subject: [PATCH] Hopefully improve sidebar shrink ratios

---
 src/components/Sidebar.vue            | 2 +-
 src/components/sidebar/PlayerList.vue | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index adeb0ce..cd96f10 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -131,7 +131,7 @@ export default defineComponent({
 	.sidebar__section {
 		@extend %panel;
 		flex: 0 1 auto;
-		min-height: 15vh;
+		min-height: 10rem;
 		margin-bottom: 1rem;
 		pointer-events: auto;
 
diff --git a/src/components/sidebar/PlayerList.vue b/src/components/sidebar/PlayerList.vue
index 5597a61..f48d591 100644
--- a/src/components/sidebar/PlayerList.vue
+++ b/src/components/sidebar/PlayerList.vue
@@ -15,7 +15,7 @@
   -->
 
 <template>
-	<section class="sidebar__section">
+	<section class="sidebar__section sidebar__section--players">
 		<span class="section__heading">{{ heading }} [{{ players.size }}/{{ maxPlayers }}]</span>
 		<ul class="section__content">
 			<PlayerListItem v-for="[account, player] in players" :key="account" :player="player"></PlayerListItem>
@@ -49,6 +49,8 @@ export default defineComponent({
 });
 </script>
 
-<style scoped>
-
+<style scoped lang="scss">
+	.sidebar__section.sidebar__section--players {
+		flex-shrink: 10;
+	}
 </style>
\ No newline at end of file