From 305b7610d9bc7a7a11bf14724e1fe16d4eed37f2 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Tue, 29 Sep 2020 19:04:36 -0400
Subject: [PATCH] Clean up duplicate field modal

---
 .../fields/components/field-select.vue        | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/src/modules/settings/routes/data-model/fields/components/field-select.vue b/app/src/modules/settings/routes/data-model/fields/components/field-select.vue
index 71f5ecbe6f..955d270226 100644
--- a/app/src/modules/settings/routes/data-model/fields/components/field-select.vue
+++ b/app/src/modules/settings/routes/data-model/fields/components/field-select.vue
@@ -156,14 +156,16 @@
 			<v-card class="duplicate">
 				<v-card-title>{{ $t('duplicate_where_to') }}</v-card-title>
 				<v-card-text>
-					<div class="duplicate-field">
-						<span class="type-label">{{ $tc('collection', 0) }}</span>
-						<v-select class="monospace" :items="collections" v-model="duplicateTo" />
-					</div>
+					<div class="form-grid">
+						<div class="field">
+							<span class="type-label">{{ $tc('collection', 0) }}</span>
+							<v-select class="monospace" :items="collections" v-model="duplicateTo" />
+						</div>
 
-					<div class="duplicate-field">
-						<span class="type-label">{{ $tc('field', 0) }}</span>
-						<v-input class="monospace" v-model="duplicateName" />
+						<div class="field">
+							<span class="type-label">{{ $tc('field', 0) }}</span>
+							<v-input class="monospace" v-model="duplicateName" />
+						</div>
 					</div>
 				</v-card-text>
 				<v-card-actions>
@@ -365,6 +367,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import '@/styles/mixins/breakpoint';
+@import '@/styles/mixins/form-grid';
 
 .full,
 .fill {
@@ -491,4 +494,10 @@ export default defineComponent({
 .spacer {
 	flex-grow: 1;
 }
+
+.form-grid {
+	--v-form-vertical-gap: 24px;
+
+	@include form-grid;
+}
 </style>