From de94e5d898e9b9dfd470af437ad78e31316ee0a4 Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Thu, 22 Apr 2021 16:07:00 -0400
Subject: [PATCH] repeater styling

---
 app/src/components/v-list/v-list-item.vue        |  2 +-
 app/src/interfaces/m2a-builder/m2a-builder.vue   |  5 +++++
 app/src/interfaces/many-to-many/many-to-many.vue |  5 +++++
 app/src/interfaces/one-to-many/one-to-many.vue   |  5 +++++
 app/src/interfaces/repeater/repeater.vue         | 11 ++++++++++-
 5 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/app/src/components/v-list/v-list-item.vue b/app/src/components/v-list/v-list-item.vue
index d8b5f69502..827d12e4d3 100644
--- a/app/src/components/v-list/v-list-item.vue
+++ b/app/src/components/v-list/v-list-item.vue
@@ -229,7 +229,7 @@ body {
 		}
 
 		&.dense {
-			height: 34px;
+			height: 44px;
 			padding: 4px 8px;
 
 			& + & {
diff --git a/app/src/interfaces/m2a-builder/m2a-builder.vue b/app/src/interfaces/m2a-builder/m2a-builder.vue
index 6d95c02f14..472eb332a8 100644
--- a/app/src/interfaces/m2a-builder/m2a-builder.vue
+++ b/app/src/interfaces/m2a-builder/m2a-builder.vue
@@ -643,6 +643,11 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+
+.v-list {
+	--v-list-padding: 0 0 4px;
+}
+
 .v-list-item {
 	.collection {
 		margin-right: 1ch;
diff --git a/app/src/interfaces/many-to-many/many-to-many.vue b/app/src/interfaces/many-to-many/many-to-many.vue
index 72812e854a..09c6aa4586 100644
--- a/app/src/interfaces/many-to-many/many-to-many.vue
+++ b/app/src/interfaces/many-to-many/many-to-many.vue
@@ -184,6 +184,11 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+
+.v-list {
+	--v-list-padding: 0 0 4px;
+}
+
 .actions {
 	margin-top: 12px;
 }
diff --git a/app/src/interfaces/one-to-many/one-to-many.vue b/app/src/interfaces/one-to-many/one-to-many.vue
index 28b6f4f317..f2b31177ec 100644
--- a/app/src/interfaces/one-to-many/one-to-many.vue
+++ b/app/src/interfaces/one-to-many/one-to-many.vue
@@ -462,6 +462,11 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+
+.v-list {
+	--v-list-padding: 0 0 4px;
+}
+
 .actions {
 	margin-top: 8px;
 }
diff --git a/app/src/interfaces/repeater/repeater.vue b/app/src/interfaces/repeater/repeater.vue
index 494657cd85..30250cad54 100644
--- a/app/src/interfaces/repeater/repeater.vue
+++ b/app/src/interfaces/repeater/repeater.vue
@@ -4,7 +4,7 @@
 			{{ $t('no_items') }}
 		</v-notice>
 
-		<v-list>
+		<v-list v-if="value && value.length > 0">
 			<draggable :force-fallback="true" :value="value" @input="$emit('input', $event)" handler=".drag-handle">
 				<v-list-item
 					:dense="value.length > 4"
@@ -190,6 +190,15 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+
+.v-notice {
+	margin-bottom: 6px;
+}
+
+.v-list {
+	--v-list-padding: 0 0 4px;
+}
+
 .v-list-item {
 	display: flex;
 	color: var(--foreground-normal);