From 9ad0c59b9e2ca7709198d1dbc7af70b53acaa674 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Mon, 15 Apr 2024 17:07:20 +0300
Subject: [PATCH] ui fixes on dmp tour

---
 .../app/ui/dmp/listing/dmp-listing.component.ts    |  3 ++-
 .../src/app/ui/sidebar/sidebar.component.css       | 14 ++++++++++++++
 .../src/app/ui/sidebar/sidebar.component.html      | 12 +++++++-----
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
index ebdbd8438..b488ce9da 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
+++ b/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
 			}
 		]
 	};
diff --git a/dmp-frontend/src/app/ui/sidebar/sidebar.component.css b/dmp-frontend/src/app/ui/sidebar/sidebar.component.css
index 8101f9a7a..a7e615f2f 100644
--- a/dmp-frontend/src/app/ui/sidebar/sidebar.component.css
+++ b/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;
diff --git a/dmp-frontend/src/app/ui/sidebar/sidebar.component.html b/dmp-frontend/src/app/ui/sidebar/sidebar.component.html
index 761a43cc0..868345c5c 100644
--- a/dmp-frontend/src/app/ui/sidebar/sidebar.component.html
+++ b/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>