From 561d952d8a668eff543a89d366dc1e87519ca9a7 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Tue, 25 Aug 2020 13:58:48 -0400
Subject: [PATCH] Add default slot, grow default by default

---
 app/src/components/v-checkbox/v-checkbox.story.ts | 2 +-
 app/src/components/v-checkbox/v-checkbox.vue      | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/src/components/v-checkbox/v-checkbox.story.ts b/app/src/components/v-checkbox/v-checkbox.story.ts
index dacb7a833a..4008dfcfc4 100644
--- a/app/src/components/v-checkbox/v-checkbox.story.ts
+++ b/app/src/components/v-checkbox/v-checkbox.story.ts
@@ -107,7 +107,7 @@ export const htmlLabel = () => ({
 	},
 	template: `
 		<v-checkbox v-model="checked" @change="onChange">
-			<template #label>
+			<template>
 				Any <i>custom</i> markup in here
 			</template>
 		</v-checkbox>
diff --git a/app/src/components/v-checkbox/v-checkbox.vue b/app/src/components/v-checkbox/v-checkbox.vue
index 2a56e22788..9a3202689e 100644
--- a/app/src/components/v-checkbox/v-checkbox.vue
+++ b/app/src/components/v-checkbox/v-checkbox.vue
@@ -12,7 +12,7 @@
 		<div class="prepend" v-if="$scopedSlots.prepend"><slot name="prepend" /></div>
 		<v-icon class="checkbox" :name="icon" @click.stop="toggleInput" />
 		<span class="label type-text">
-			<slot name="label" v-if="customValue === false">{{ label }}</slot>
+			<slot v-if="customValue === false">{{ label }}</slot>
 			<input @click.stop class="custom-input" v-else v-model="_value" />
 		</span>
 		<div class="append" v-if="$scopedSlots.append"><slot name="append" /></div>
@@ -132,6 +132,7 @@ body {
 	appearance: none;
 
 	.label:not(:empty) {
+		flex-grow: 1;
 		margin-left: 8px;
 		transition: color var(--fast) var(--transition);