minor ui changes

dmp-frontend/src/app/ui/admin/language/editor/language-editor.component.html

@@ -30,7 +30,7 @@
 					</mat-card-header>
 					<mat-card-content>
 						<div class="row mt-3">
-							<div class="col-4" *ngIf="isNew">
+							<div class="col-6" *ngIf="isNew">
 								<mat-form-field class="w-100">
 									<mat-label>{{'LANGUAGE-EDITOR.FIELDS.CODE' | translate}}</mat-label>
 									<input matInput type="text" name="code" [formControl]="formGroup.get('code')" required>
@@ -38,7 +38,7 @@
 									<mat-error *ngIf="formGroup.get('code').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-4" *ngIf="!isNew">
+							<div class="col-6" *ngIf="!isNew">
 								<mat-form-field class="w-100">
 									<mat-label>{{'LANGUAGE-EDITOR.FIELDS.CODE' | translate}}</mat-label>
 									<mat-select (selectionChange)="selectedCodeChanged($event.value)" name= "code" [formControl]="formGroup.get('code')">

dmp-frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.html

@@ -25,7 +25,7 @@
 			</div>
 
 			<form *ngIf="formGroup" (ngSubmit)="formSubmit()">
-				<mat-card appearance="outlined">
+				<mat-card appearance="outlined" class="mb-1">
 					<mat-card-header>
 						<mat-card-title *ngIf="isNew">{{'PREFILLING-SOURCE-EDITOR.NEW' | translate}}</mat-card-title>
 					</mat-card-header>
@@ -42,7 +42,7 @@
 						</div>
 					</mat-card-content>
 				</mat-card>
-				<mat-card appearance="outlined">
+				<mat-card appearance="outlined" class="mb-1">
 					<mat-card-header>
 						<mat-card-title>{{'PREFILLING-SOURCE-EDITOR.FIELDS.FIXED-VALUE-FIELDS' | translate}}</mat-card-title>
 					</mat-card-header>
@@ -82,7 +82,7 @@
 						</div>
 					</mat-card-content>
 				</mat-card>
-				<mat-card appearance="outlined">
+				<mat-card appearance="outlined" class="mb-1">
 					<mat-card-header>
 						<mat-card-title>{{'PREFILLING-SOURCE-EDITOR.FIELDS.FIELDS' | translate}}</mat-card-title>
 					</mat-card-header>
@@ -122,7 +122,7 @@
 					</mat-card-content>
 				</mat-card>
 
-				<mat-card appearance="outlined">
+				<mat-card appearance="outlined" class="mb-1">
 					<mat-card-header>
 						<mat-card-title>{{'PREFILLING-SOURCE-EDITOR.FIELDS.SOURCE-CONFIGURATION' | translate}}</mat-card-title>
 					</mat-card-header>
@@ -138,7 +138,7 @@
 					</mat-card-content>
 				</mat-card>
 
-				<mat-card appearance="outlined" *ngIf="formGroup.get('definition').get('getEnabled').value == true">
+				<mat-card appearance="outlined" *ngIf="formGroup.get('definition').get('getEnabled').value == true" class="mb-1">
 					<mat-card-header>
 						<mat-card-title>{{'PREFILLING-SOURCE-EDITOR.FIELDS.GET-SOURCE-CONFIGURATION' | translate}}</mat-card-title>
 					</mat-card-header>

dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts

@@ -131,7 +131,8 @@ export class DmpListingComponent extends BaseComponent implements OnInit { //IBr
 				selector: '.dataset-tour',
 				content: 'Step 2',
 				orientation: Orientation.Right,
-				isStepUnique: false
+				isStepUnique: false,
+				useHighlightPadding: true
 			}
 		]
 	};

dmp-frontend/src/app/ui/sidebar/sidebar.component.css

@@ -33,6 +33,7 @@
 .nav-row {
 	display: flex;
 	flex-direction: row;
+	align-items: center;
 	width: 100%;
 	padding: 10px 20px;
 	text-align: left;
@@ -43,6 +44,19 @@
 	font-family: 'Roboto',sans-serif;
 }
 
+.nav-subrow {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	width: 100%;
+	text-align: left;
+	letter-spacing: 0px;
+	color: #000000;
+	opacity: 1;
+	font-size: 0.93rem;
+	font-family: 'Roboto',sans-serif;
+}
+
 .nav-row:hover {
 	background-color: #ececec;
 	border-radius: 6px;

dmp-frontend/src/app/ui/sidebar/sidebar.component.html

@@ -9,11 +9,13 @@
 					<i *ngIf="groupMenuRoute.path == '/plans'" class="material-symbols-outlined icon-mask">person</i>
 					<span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans'}">{{groupMenuRoute.title | translate}}</span>
 				</a>
-				<a class="nav-link nav-row dataset-tour" *ngIf="groupMenuRoute.path === '/descriptions'" [routerLink]="[groupMenuRoute.path]">
-					<span class="inner-line"></span>
-					<i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i>
-					<i class="material-symbols-outlined icon-mask">person</i>
-					<span class="pl-0">{{groupMenuRoute.title | translate}}</span>
+				<a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/descriptions'" [routerLink]="[groupMenuRoute.path]">
+					<span class="mb-2 inner-line"></span>
+					<div class="pl-0 pt-1 pb-1 container-fluid nav-subrow dataset-tour">
+						<i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i>
+						<i class="material-symbols-outlined icon-mask">person</i>
+						<span class="pl-0">{{groupMenuRoute.title | translate}}</span>
+					</div>
 				</a>
 				<a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/co-branding'" href="/splash/resources/co-branding.html">
 					<i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i>