From bf393e8d24ccf17243e5dfb070f0e8861d0acade Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Tue, 28 May 2024 11:05:36 +0300
Subject: [PATCH] ui fixes on description template editor

---
 ...n-template-editor-visibility-rule.component.html | 13 +++++++++----
 ...n-template-editor-visibility-rule.component.scss | 13 +++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.html b/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.html
index 5a60847bd..f6c91f924 100644
--- a/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.html
+++ b/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.html
@@ -19,11 +19,16 @@
 				<!-- SHOW FIELDSETS -->
 				<mat-optgroup [label]="'DESCRIPTION-TEMPLATE-EDITOR.STEPS.FORM.RULE.FIELDS.FIELDSETS' | translate">
 					<mat-option *ngFor="let option of fieldSetOptions" [value]="option.id" style="line-height: normal;" [disabled]="parentIds.includes(option.id) || hiddenBy.includes(option.id)" [matTooltip]="getToolTipMessage(option.id)" [matTooltipShowDelay]="700">
-						<span>
-							{{option.label? option.label:'<'+ ('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate) + '>' }} </span> <br>
-								<small>
+						<div class="row mt-2 mb-2">
+							<div class="col">
+								<span class="title-text">
+									{{option.label? option.label:'<'+ ('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate) + '>' }} 
+								</span> <br>
+								<span class="subtitle-text">
 									{{option.id}}
-								</small>
+								</span>
+							</div>
+						</div>
 					</mat-option>
 				</mat-optgroup>
 				<!-- SHOW FIELDS -->
diff --git a/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.scss b/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.scss
index 3db0dee74..642d59f96 100644
--- a/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.scss
+++ b/dmp-frontend/src/app/ui/admin/description-template/editor/components/visibility-rule/description-template-editor-visibility-rule.component.scss
@@ -1,3 +1,16 @@
 .full-width {
   width: 100%;
 }
+
+.title-text {
+	font-weight: 300;
+	line-height: 1.2em;
+	text-align: left;
+	font-size: 16px;
+}
+
+.subtitle-text {
+	font-weight: 400;
+	font-size: 14px;
+	line-height: 1.2em;
+}