styling fixes

dmp-frontend/src/app/ui/admin/description-template/editor/components/composite-field/description-template-editor-composite-field.component.html

@@ -3,10 +3,10 @@
 	<!-- TITLE -->
 	<div class="">
 		<div class="row fielset-header">
-			<div class="col-auto">
+			<div class="col-auto pr-0">
 				<div class="row flex-column h-100">
 					<div class="col">
-						<div class="container h-100 numbering-container border border-primary rounded text-center">
+						<div class="container h-100 text-center">
 							<div class="row">
 								<div class="col-12 numbering"><span>{{numbering}}</span></div>
 							</div>
@@ -19,9 +19,9 @@
 			<!-- <mat-form-field class="numbering-label" [ngStyle]="calculateLabelWidth(numbering)">
 				<input [ngClass]="{'text-danger':form.get('title').invalid &&form.get('title').touched}" matInput type="text" [value]="numbering" disabled>
 			</mat-form-field> -->
-			<div class="col">
+			<div class="col pl-0">
 				<mat-form-field class="w-100 field-title" floatLabel="never">
-					<textarea matInput type="text" [placeholder]="('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate)+' '+('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.QUESTION'| translate)" #titleControl="matInput" [formControl]="this.form.get('title')"></textarea>
+					<textarea matInput type="text" [placeholder]="('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate)+' '+('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.QUESTION'| translate)" #titleControl="matInput" [formControl]="this.form.get('title')" class="question-title"></textarea>
 					<mat-error *ngIf="this.form.get('title').hasError('backendError')">{{form.get('title').getError('backendError').message}}</mat-error>
 				</mat-form-field>
 			</div>

dmp-frontend/src/app/ui/admin/description-template/editor/components/composite-field/description-template-editor-composite-field.component.scss

@@ -1,3 +1,6 @@
+@use 'sass:math';
+@import "assets/scss/core/_variables.scss";
+
 .full-width{
     width: 100%;
 }
@@ -150,16 +153,20 @@ $blue-color-light: #5cf7f2;
     color: #212121;
 }
 
-.numbering-container {
-
-    border: 1px solid #F0F0F0!important;
-
-    .numbering {
-        font-size: 17px; 
-        font-weight: 400; color: #a0a0a0;
-        padding-top: var(--mat-form-field-container-vertical-padding);
-        padding-bottom: var(--mat-form-field-container-vertical-padding);
-        overflow-x: hidden;
-        text-overflow: ellipsis;
-    }
+.numbering {
+    font-size: 21px; 
+    font-weight: 400;
+    line-height: $bmd-line-height !important;
+    padding-top: var(--mat-form-field-container-vertical-padding);
+    padding-bottom: var(--mat-form-field-container-vertical-padding);
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+}
+
+.question-title {
+    font-size: 21px;
+}
+
+::ng-deep .mdc-text-field--outlined .mdc-notched-outline {
+	display: none;
 }

dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss

@@ -280,7 +280,6 @@
 .authors-role {
 	font-size: 0.875em;
 	color: #a8a8a8;
-	height: 1.4em;
 	margin-bottom: 0px;
 }
 

dmp-frontend/src/app/ui/reference/reference-field/reference-field.component.scss

@@ -8,6 +8,7 @@
 
 	.not-found {
 		// cursor: pointer;
+		color: #333;
 		font-size: 1rem;
 		font-weight: 400;
 		padding: 0rem 0.5rem 0rem 0rem;