From a54e8f10e6ebef8babc845cb05f9dcddf2de911c Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Fri, 11 Sep 2020 19:10:38 +0200
Subject: [PATCH] change to imported styles

---
 app/src/interfaces/many-to-one/options.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/app/src/interfaces/many-to-one/options.vue b/app/src/interfaces/many-to-one/options.vue
index 589fcef8b0..95d93eae8e 100644
--- a/app/src/interfaces/many-to-one/options.vue
+++ b/app/src/interfaces/many-to-one/options.vue
@@ -1,10 +1,12 @@
 <template>
-	<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('interfaces.many-to-one.display_template') }}</p>
-		<v-field-template :collection="collection" v-model="template" :depth="0"></v-field-template>
+	<div class="grid">
+		<v-notice type="warning" v-if="collection == null">
+			{{ $t('interfaces.one-to-many.no_collection') }}
+		</v-notice>
+		<div v-else class="full">
+			<p class="type-label">{{ $t('interfaces.many-to-one.display_template') }}</p>
+			<v-field-template :collection="collection" v-model="template" :depth="0"></v-field-template>
+		</div>
 	</div>
 </template>
 
@@ -50,7 +52,9 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.type-label {
-	margin-bottom: 4px;
+@import '@/styles/mixins/form-grid';
+
+.grid {
+	@include form-grid;
 }
 </style>