repeater styling

app/src/components/v-list/v-list-item.vue

@@ -229,7 +229,7 @@ body {
 		}
 
 		&.dense {
-			height: 34px;
+			height: 44px;
 			padding: 4px 8px;
 
 			& + & {

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;

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;
 }

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;
 }

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);