From b705e4a0f6ab2ba4132b75ecdc1e45f7e17f8016 Mon Sep 17 00:00:00 2001
From: lotte <lotte_hofstede@hotmail.com>
Date: Tue, 10 Dec 2019 16:52:00 +0100
Subject: [PATCH] updates styling

---
 .../existing-metadata-list-element.component.html            | 4 ++--
 .../models/array-group/dynamic-form-array.component.html     | 2 +-
 .../models/array-group/dynamic-form-array.component.scss     | 5 +++++
 .../models/array-group/dynamic-form-array.component.ts       | 3 ++-
 src/app/shared/form/builder/form-builder.service.spec.ts     | 2 ++
 5 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.scss

diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/existing-metadata-list-element/existing-metadata-list-element.component.html b/src/app/shared/form/builder/ds-dynamic-form-ui/existing-metadata-list-element/existing-metadata-list-element.component.html
index 20bfd34689..e142a84215 100644
--- a/src/app/shared/form/builder/ds-dynamic-form-ui/existing-metadata-list-element/existing-metadata-list-element.component.html
+++ b/src/app/shared/form/builder/ds-dynamic-form-ui/existing-metadata-list-element/existing-metadata-list-element.component.html
@@ -1,8 +1,8 @@
-<li *ngIf="metadataRepresentation">
+<div *ngIf="metadataRepresentation" class="mt-2 mb-4">
     <button type="button" class="close float-left" aria-label="Close button" (click)="removeSelection()">
         <span aria-hidden="true">&times;</span>
     </button>
     <span class="d-inline-block align-middle ml-1">
               <ds-metadata-representation-loader [mdRepresentation]="metadataRepresentation"></ds-metadata-representation-loader>
           </span>
-</li>
+</div>
diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.html b/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.html
index 3c24371957..a5c7c68061 100644
--- a/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.html
+++ b/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.html
@@ -12,7 +12,7 @@
             <div *ngFor="let groupModel of model.groups; let idx = index" role="group"
                  [formGroupName]="idx" [ngClass]="[getClass('element', 'group'), getClass('grid', 'group')]" cdkDrag>
                 <ng-container *ngIf="idx > 0">
-                    <button type="button" class="close float-left" aria-label="Move button" cdkDragHandle>
+                    <button type="button" class="close float-left drag-button" aria-label="Move button" cdkDragHandle>
                         <i aria-hidden="true" class="fas fa-arrows-alt fa-xs"></i>
                     </button>
                     <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: groupModel"></ng-container>
diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.scss b/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.scss
new file mode 100644
index 0000000000..4e1d2fbc1c
--- /dev/null
+++ b/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.scss
@@ -0,0 +1,5 @@
+@import './../../../../../../../styles/variables';
+
+button.drag-button {
+    height: $button-height;
+}
diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.ts b/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.ts
index dc6bdfb09a..8a2cb8093d 100644
--- a/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.ts
+++ b/src/app/shared/form/builder/ds-dynamic-form-ui/models/array-group/dynamic-form-array.component.ts
@@ -37,7 +37,8 @@ import { DynamicRowArrayModel } from '../ds-dynamic-row-array-model';
 
 @Component({
   selector: 'ds-dynamic-form-array',
-  templateUrl: './dynamic-form-array.component.html'
+  templateUrl: './dynamic-form-array.component.html',
+  styleUrls: ['./dynamic-form-array.component.scss']
 })
 export class DsDynamicFormArrayComponent extends DynamicFormArrayComponent implements OnInit {
 
diff --git a/src/app/shared/form/builder/form-builder.service.spec.ts b/src/app/shared/form/builder/form-builder.service.spec.ts
index ea0957f689..f126893d82 100644
--- a/src/app/shared/form/builder/form-builder.service.spec.ts
+++ b/src/app/shared/form/builder/form-builder.service.spec.ts
@@ -260,6 +260,8 @@ describe('FormBuilderService test suite', () => {
           id: 'testFormRowArray',
           initialCount: 5,
           notRepeatable: false,
+          hasRelationship: false,
+          submissionId: '1234',
           groupFactory: () => {
             return [
               new DynamicInputModel({id: 'testFormRowArrayGroupInput'})