Fix metadata field form layout

src/app/+admin/admin-registries/metadata-schema/metadata-field-form/metadata-field-form.component.ts

@@ -1,5 +1,10 @@
 import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { DynamicFormControlModel, DynamicFormLayout, DynamicInputModel } from '@ng-dynamic-forms/core';
+import {
+  DynamicFormControlModel,
+  DynamicFormGroupModel,
+  DynamicFormLayout,
+  DynamicInputModel
+} from '@ng-dynamic-forms/core';
 import { FormGroup } from '@angular/forms';
 import { RegistryService } from '../../../../core/registry/registry.service';
 import { FormBuilderService } from '../../../../shared/form/builder/form-builder.service';
@@ -120,16 +125,20 @@ export class MetadataFieldFormComponent implements OnInit, OnDestroy {
         required: false,
       });
       this.formModel = [
-        this.element,
-        this.qualifier,
-        this.scopeNote
+        new DynamicFormGroupModel(
+        {
+          id: 'metadatadatafieldgroup',
+          group:[this.element, this.qualifier, this.scopeNote]
+        })
       ];
       this.formGroup = this.formBuilderService.createFormGroup(this.formModel);
       this.registryService.getActiveMetadataField().subscribe((field) => {
         this.formGroup.patchValue({
-          element: field != null ? field.element : '',
-          qualifier: field != null ? field.qualifier : '',
-          scopeNote: field != null ? field.scopeNote : ''
+          metadatadatafieldgroup: {
+            element: field != null ? field.element : '',
+            qualifier: field != null ? field.qualifier : '',
+            scopeNote: field != null ? field.scopeNote : ''
+          }
         });
       });
     });
@@ -182,9 +191,11 @@ export class MetadataFieldFormComponent implements OnInit, OnDestroy {
    */
   clearFields() {
     this.formGroup.patchValue({
-      element: '',
-      qualifier: '',
-      scopeNote: ''
+      metadatadatafieldgroup: {
+        element: '',
+        qualifier: '',
+        scopeNote: ''
+      }
     });
   }