From 204d593363647c13cbe952c51a450b11661502b6 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Mon, 29 Apr 2024 15:18:11 +0300
Subject: [PATCH] styling fixes on reference component

---
 .../editor/reference-dialog-editor.component.html    | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/dmp-frontend/src/app/ui/reference/reference-field/editor/reference-dialog-editor.component.html b/dmp-frontend/src/app/ui/reference/reference-field/editor/reference-dialog-editor.component.html
index 0d93b83bf..97d2142ce 100644
--- a/dmp-frontend/src/app/ui/reference/reference-field/editor/reference-dialog-editor.component.html
+++ b/dmp-frontend/src/app/ui/reference/reference-field/editor/reference-dialog-editor.component.html
@@ -10,17 +10,15 @@
 		</div>
 		<div mat-dialog-content class="row">
 			<div *ngFor="let field of systemFields;">
-				<div class="col">
+				<div class="col-12">
 					<mat-form-field class="w-100">
 						<mat-label>{{field}}</mat-label>
 						<input matInput type="text" [name]="field" [formControl]="formGroup.get(field)">
+						<i matSuffix class="fa fa-spinner fa-spin" *ngIf="field == systemFields[0] && formGroup.get(field).pending && !referenceExists"></i>
+						<mat-icon *ngIf="field == systemFields[0] && !formGroup.get(field).pending && formGroup.get(field).dirty && formGroup.get(field).valid && !referenceExists" class="text-success" matSuffix>check</mat-icon>
+						<mat-icon *ngIf="field == systemFields[0] && !formGroup.get(field).pending && formGroup.get(field).dirty && formGroup.get(field).invalid || referenceExists" class="text-danger" matSuffix>clear</mat-icon>
+						<small *ngIf="field == systemFields[0] && referenceExists" class="text-danger">{{'REFERENCE-FIELD.REFERENCE-DIALOG-EDITOR.IDENTIFIER-EXISTS' | translate}}</small>
 						<mat-error *ngIf="formGroup.get(field).hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
-						<ng-container *ngIf="field == systemFields[0]">
-							<i matSuffix class="fa fa-spinner fa-spin" *ngIf="formGroup.get(field).pending && !referenceExists"></i>
-							<mat-icon *ngIf="!formGroup.get(field).pending && formGroup.get(field).dirty && formGroup.get(field).valid && !referenceExists" class="text-success" matSuffix>check</mat-icon>
-							<mat-icon *ngIf="!formGroup.get(field).pending && formGroup.get(field).dirty && formGroup.get(field).invalid || referenceExists" class="text-danger" matSuffix>clear</mat-icon>
-							<small *ngIf="referenceExists" class="text-danger">{{'REFERENCE-FIELD.REFERENCE-DIALOG-EDITOR.IDENTIFIER-EXISTS' | translate}}</small>
-						</ng-container>
 					</mat-form-field>
 				</div>
 			</div>