From 4a1509bf5d5f17064c16add2e44fcf7eaf866415 Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Fri, 11 Sep 2020 19:26:36 +0200
Subject: [PATCH] import grid styles

---
 app/src/interfaces/one-to-many/options.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/src/interfaces/one-to-many/options.vue b/app/src/interfaces/one-to-many/options.vue
index 0fe8d8f20a..bf6b800e1c 100644
--- a/app/src/interfaces/one-to-many/options.vue
+++ b/app/src/interfaces/one-to-many/options.vue
@@ -2,9 +2,11 @@
 	<v-notice type="warning" v-if="collection == null">
 		{{ $t('interfaces.one-to-many.no_collection') }}
 	</v-notice>
-	<div v-else>
-		<p class="type-label">{{ $t('select_fields') }}</p>
-		<v-field-select :collection="collection" v-model="fields"></v-field-select>
+	<div v-else class="grid">
+		<div class="full">
+			<p class="type-label">{{ $t('select_fields') }}</p>
+			<v-field-select :collection="collection" v-model="fields"></v-field-select>
+		</div>
 	</div>
 </template>
 
@@ -54,7 +56,9 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.type-label {
-	margin-bottom: 4px;
+@import '@/styles/mixins/form-grid.scss';
+
+.grid {
+	@include form-grid;
 }
 </style>