Style fixes on editor template input field

dmp-frontend/src/app/ui/dmp/editor/dataset-editor-details/dataset-editor-details.component.html

@@ -11,7 +11,7 @@
 				<a class="dmp-link dmp-tour-{{ formGroup.get('id').value + 1 }}" (click)="restartTour(formGroup.get('id').value + 1)">{{'DATASET-EDITOR.FIELDS.DMP' | translate}}</a>
 				<span class="hint">{{'DATASET-EDITOR.HINT.TITLE-REST' | translate}}</span>
 				<div class="title-form">
-					<mat-form-field appearance="outline">
+					<mat-form-field>
 						<input matInput placeholder="{{'DATASET-EDITOR.FIELDS.TITLE' | translate}}" type="text" name="label" formControlName="label" required>
 						<mat-error *ngIf="formGroup.get('label').hasError('backendError')">	{{formGroup.get('label').getError('backendError').message}}</mat-error>
 						<mat-error *ngIf="formGroup.get('label').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
@@ -27,7 +27,7 @@
 				<a class="dmp-link dmp-tour-{{ formGroup.get('id').value + 2 }}" (click)="restartTour(formGroup.get('id').value + 2)">{{'DATASET-EDITOR.FIELDS.DMP' | translate}}</a>
 				<span class="hint">{{'DATASET-EDITOR.HINT.TITLE-REST' | translate}}</span>
 				<div class="description-form">
-					<mat-form-field appearance="outline">
+					<mat-form-field>
 						<textarea rows="3" matInput class="description-area" placeholder="{{'DMP-EDITOR.PLACEHOLDER.DESCRIPTION' | translate}}" formControlName="description"></textarea>
 						<mat-error *ngIf="formGroup.get('description').hasError('backendError')">{{formGroup.get('description').getError('backendError').message}}</mat-error>
 						<mat-error *ngIf="formGroup.get('description').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
@@ -41,7 +41,7 @@
 				<div class="heading">1.3 {{'DATASET-EDITOR.FIELDS.EXTERNAL-LINK' | translate}}</div>
 				<span class="hint">{{'DATASET-EDITOR.HINT.TITLE' | translate}}</span><a class="dmp-link" target="_blank" [routerLink]="['/overview/' + dmpId]">{{'DATASET-EDITOR.FIELDS.DMP' | translate}}</a><span class="hint">{{'DATASET-EDITOR.HINT.TITLE-REST' | translate}}</span>
 				<div class="uri-form">
-					<mat-form-field appearance="outline">
+					<mat-form-field>
 						<input matInput placeholder="{{'DATASET-EDITOR.PLACEHOLDER.EXTERNAL-LINK' | translate}}" type="text" name="uri" formControlName="uri">
 						<mat-error *ngIf="formGroup.get('uri').hasError('backendError')">{{formGroup.get('uri').getError('backendError').message}}</mat-error>
 						<mat-error *ngIf="formGroup.get('uri').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>

dmp-frontend/src/app/ui/dmp/editor/dataset-editor-details/dataset-editor-details.component.scss

@@ -34,7 +34,8 @@
   }
 
   .title-form,
-  .description-form {
+  .description-form,
+  .profile-form {
     text-align: left;
     font-weight: 400;
     font-size: 16px;

dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-composite-field/form-composite-field.component.html

@@ -1,6 +1,6 @@
 <div *ngIf="form && this.visibilityRulesService.checkElementVisibility(this.form.get('id').value)" [formGroup]="form" class="dynamic-form-composite-field row">
 
-	<div *ngIf="form.get('fields').length === 1 && this.visibilityRulesService.checkElementVisibility(form.get('fields')['controls'][0].get('id').value)" class="col-12">
+	<div *ngIf="form.get('fields').value.length === 1 && this.visibilityRulesService.checkElementVisibility(form.get('fields')['controls'][0].get('id').value)" class="col-12">
 		<div class="row">
 			<div class="col-12">
 				<app-form-composite-title class="row" [form]="form" [isChild]="isChild"></app-form-composite-title>
@@ -22,7 +22,7 @@
 
 		</div>
 	</div>
-	<div *ngIf="form.get('fields').length > 1" class="col-12">
+	<div *ngIf="form.get('fields').value.length > 1" class="col-12">
 		<div class="row">
 			<div class="col-12">
 				<app-form-composite-title class="row" [form]="form" [isChild]="isChild"></app-form-composite-title>