From 74c7d892cb662c3fe9408b216668a7997dc74944 Mon Sep 17 00:00:00 2001
From: amentis <amentis@cite.gr>
Date: Mon, 8 Jul 2024 11:49:29 +0300
Subject: [PATCH] rename dmp to plan for scss files and html classes

---
 .../plan-blueprint-editor.component.html      |  2 +-
 .../plan-blueprint-editor.component.scss      |  2 +-
 ...n-blueprint-listing-filters.component.scss |  2 +-
 .../plan-blueprint-listing.component.html     |  2 +-
 .../plan-blueprint-listing.component.scss     |  2 +-
 .../app/ui/dashboard/dashboard.component.scss | 16 +++++++-------
 .../recent-edited-activity.component.html     |  2 +-
 .../recent-edited-activity.component.scss     | 14 ++++++------
 ...cription-base-fields-editor.component.scss |  4 ++--
 .../editor/description-editor.component.html  | 10 ++++-----
 .../editor/description-editor.component.scss  | 10 ++++-----
 .../description-listing.component.scss        |  2 +-
 .../description-filter.component.html         |  2 +-
 .../description-listing-item.component.html   |  4 ++--
 .../description-listing-item.component.scss   | 18 +++++++--------
 .../description-overview.component.html       |  4 ++--
 .../description-overview.component.scss       | 10 ++++-----
 ...tart-new-description-dialog.component.html |  2 +-
 ...tart-new-description-dialog.component.scss |  6 ++---
 .../src/app/ui/navbar/navbar.component.html   |  2 +-
 .../src/app/ui/navbar/navbar.component.scss   |  2 +-
 .../plan-invitation-dialog.component.html     |  2 +-
 .../plan-invitation-dialog.component.scss     |  2 +-
 .../filtering/plan-filter.component.html      |  2 +-
 .../filtering/plan-filter.component.scss      |  2 +-
 .../plan-listing-item.component.html          | 16 +++++++-------
 .../plan-listing-item.component.scss          | 22 +++++++++----------
 .../plan/listing/plan-listing.component.html  |  4 ++--
 .../plan/listing/plan-listing.component.scss  |  4 ++--
 .../start-new-plan-dialog.component.html      |  4 ++--
 .../start-new-plan-dialog.component.scss      |  2 +-
 .../overview/plan-overview.component.html     | 10 ++++-----
 .../overview/plan-overview.component.scss     | 12 +++++-----
 ...plan-contact-prefill-dialog.component.html |  2 +-
 ...plan-contact-prefill-dialog.component.scss |  2 +-
 .../plan-delete-dialog.component.html         |  2 +-
 .../plan-delete-dialog.component.scss         |  2 +-
 .../plan-editor.component.html                |  4 ++--
 .../plan-editor.component.scss                |  6 ++---
 .../plan-finalize-dialog.component.html       |  2 +-
 .../plan-finalize-dialog.component.scss       |  2 +-
 .../src/app/ui/sidebar/sidebar.component.html |  2 +-
 42 files changed, 112 insertions(+), 112 deletions(-)

diff --git a/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.html b/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.html
index 7306495d2..f4d183ae9 100644
--- a/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.html
@@ -1,5 +1,5 @@
 <div class="container-fluid">
-	<div class="row dmp-blueprint-editor">
+	<div class="row plan-blueprint-editor">
 		<div class="col-md-10 offset-md-1">
 			<div class="row align-items-center mt-4 mb-4" *ngIf="formGroup">
 				<div class="col-md col-12">
diff --git a/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.scss b/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.scss
index ebd157447..b43ea4488 100644
--- a/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.scss
@@ -4,7 +4,7 @@
   margin-bottom: 0 !important;
 }
 
-.dmp-blueprint-editor {
+.plan-blueprint-editor {
   // margin-top: 1.3rem;
   // margin-left: 1em;
   // margin-right: 3em;
diff --git a/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.scss b/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.scss
index 8f945e48d..e595d43ee 100644
--- a/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.scss
+++ b/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.scss
@@ -1,4 +1,4 @@
-.dmp-blueprint-listing-filters {
+.plan-blueprint-listing-filters {
 
 }
 
diff --git a/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html b/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html
index 20ade4205..acb0e0059 100644
--- a/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html
+++ b/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html
@@ -1,5 +1,5 @@
 <div class="container-fluid">
-	<div class="row dmp-blueprint-listing">
+	<div class="row plan-blueprint-listing">
 		<div class="col-md-10 offset-md-1">
 			<div class="row mb-4 mt-4">
 				<div class="col">
diff --git a/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.scss b/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.scss
index 24a1e3c86..2ddbff158 100644
--- a/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.scss
+++ b/dmp-frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.scss
@@ -3,7 +3,7 @@
 	border-radius: 4px;
 }
 
-.dmp-blueprint-listing {
+.plan-blueprint-listing {
 	// margin-top: 1.3rem;
 	// margin-left: 1rem;
 	// margin-right: 2rem;
diff --git a/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss b/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
index b9f877ef7..3de8e3f3c 100644
--- a/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
+++ b/dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
@@ -155,7 +155,7 @@
 	padding-left: 3rem;
 }
 
-.dmp-card,
+.plan-card,
 .description-card {
 	min-width: 712px;
 	/* min-height: 308px; */
@@ -182,7 +182,7 @@ input[type="text"] {
 	padding-left: 15px;
 }
 
-.dmp-label {
+.plan-label {
 	background: var(--primary-color) 0% 0% no-repeat padding-box;
 	border-radius: 4px 0px;
 	opacity: 1;
@@ -213,7 +213,7 @@ input[type="text"] {
 	// padding-bottom: 0.4rem;
 }
 
-.dmp-subtitle,
+.plan-subtitle,
 .description-subtitle {
 
 	.icon-align {
@@ -225,7 +225,7 @@ input[type="text"] {
 }
 
 .description-card-actions,
-.dmp-card-actions {
+.plan-card-actions {
 	display: flex;
 	flex-direction: row;
 	border-top: 1px solid #dbdbdb;
@@ -234,24 +234,24 @@ input[type="text"] {
 }
 
 .description-card-actions a,
-.dmp-card-actions a {
+.plan-card-actions a {
 	color: #848484 !important;
 	text-decoration: none !important;
 }
 
 .description-card-actions a:hover,
-.dmp-card-actions a:hover {
+.plan-card-actions a:hover {
 	color: var(--primary-color) !important;
 }
 
-.dmp-description-descriptions-title {
+.plan-description-descriptions-title {
 	color: #000000;
 	opacity: 0.6;
 	padding-top: 1.5rem;
 	padding-bottom: 0.8rem;
 }
 
-.dmp-description-descriptions-name {
+.plan-description-descriptions-name {
 	color: #000000;
 	opacity: 0.6;
 	font-weight: 700;
diff --git a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html
index 3258dff80..29d91afb9 100644
--- a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html
+++ b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html
@@ -31,7 +31,7 @@
 				<!-- End of Search Filter -->
 			</div>
 			<div *ngFor="let item of listingItems; let i = index">
-				<app-dmp-listing-item-component *ngIf="item.plan" [showDivider]="i != (listingItems.length - 1)" [dmp]="item.plan" [isPublic]="false"></app-dmp-listing-item-component>
+				<app-plan-listing-item-component *ngIf="item.plan" [showDivider]="i != (listingItems.length - 1)" [dmp]="item.plan" [isPublic]="false"></app-plan-listing-item-component>
 				<app-description-listing-item-component *ngIf="item?.description" [showDivider]="i != (listingItems.length - 1)" [description]="item?.description" [isPublic]="false"  ></app-description-listing-item-component>
 			</div>
 			<div class="text-muted d-flex justify-content-center mt-5" *ngIf="listingItems && listingItems.length > 0 && this.lookup.page.offset >= currentPage*pageSize">
diff --git a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.scss b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.scss
index 62bf4a122..183b977f0 100644
--- a/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.scss
+++ b/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.scss
@@ -13,7 +13,7 @@ input[type="text"] {
 	padding-left: 15px;
 }
 
-.dmp-label {
+.plan-label {
 	background: var(--primary-color) 0% 0% no-repeat padding-box;
 	border-radius: 4px 0px;
 	opacity: 1;
@@ -31,7 +31,7 @@ input[type="text"] {
 }
 
 .description-card-actions,
-.dmp-card-actions {
+.plan-card-actions {
 	display: flex;
 	flex-direction: row;
 	border-top: 1px solid #dbdbdb;
@@ -40,7 +40,7 @@ input[type="text"] {
 }
 
 .description-card-actions,
-.dmp-card-actions {
+.plan-card-actions {
 	display: flex;
 	flex-direction: row;
 	border-top: 1px solid #dbdbdb;
@@ -49,24 +49,24 @@ input[type="text"] {
 }
 
 .description-card-actions a,
-.dmp-card-actions a {
+.plan-card-actions a {
 	color: #848484 !important;
 	text-decoration: none !important;
 }
 
 .description-card-actions a:hover,
-.dmp-card-actions a:hover {
+.plan-card-actions a:hover {
 	color: var(--primary-color) !important;
 }
 
-.dmp-description-descriptions-title {
+.plan-description-descriptions-title {
 	color: #000000;
 	opacity: 0.6;
 	padding-top: 1.5rem;
 	padding-bottom: 0.8rem;
 }
 
-.dmp-description-descriptions-name {
+.plan-description-descriptions-name {
 	color: #000000;
 	opacity: 0.6;
 	font-weight: 700;
diff --git a/dmp-frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss b/dmp-frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
index 099fc0049..61e967700 100644
--- a/dmp-frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
+++ b/dmp-frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
@@ -57,14 +57,14 @@
 		color: var(--primary-color-3) !important;
 	}
 
-	.dmp-link {
+	.plan-link {
 		color: #3fafac;
 		font-weight: 400;
 		font-size: 16px;
 		cursor: pointer;
 	}
 
-	.dmp-link:hover {
+	.plan-link:hover {
 		text-decoration: underline;
 	}
 }
diff --git a/dmp-frontend/src/app/ui/description/editor/description-editor.component.html b/dmp-frontend/src/app/ui/description/editor/description-editor.component.html
index 6d9d1b337..730b4c3fe 100644
--- a/dmp-frontend/src/app/ui/description/editor/description-editor.component.html
+++ b/dmp-frontend/src/app/ui/description/editor/description-editor.component.html
@@ -15,9 +15,9 @@
 								<ng-template #viewOnlyTemplate>
 									<div class="description-title">{{'DESCRIPTION-EDITOR.TITLE-PREVIEW-DESCRIPTION' | translate}}</div>
 								</ng-template>
-								<div *ngIf="item?.plan?.id" class="d-flex flex-direction-row dmp-info">
-									<div class="col-auto description-to-dmp">{{'DESCRIPTION-EDITOR.TO-PLAN' | translate}}</div>
-									<div class="dmp-title p-0">:&nbsp;{{ item?.plan?.label }}</div>
+								<div *ngIf="item?.plan?.id" class="d-flex flex-direction-row plan-info">
+									<div class="col-auto description-to-plan">{{'DESCRIPTION-EDITOR.TO-PLAN' | translate}}</div>
+									<div class="plan-title p-0">:&nbsp;{{ item?.plan?.label }}</div>
 									<div class="col-auto d-flex align-items-center">
 										<a [routerLink]="routerUtils.generateUrl(['/plans/overview/', item.plan.id])" target="_blank" class="pointer open-in-new-icon">
 											<mat-icon class="size-18">open_in_new</mat-icon>
@@ -86,11 +86,11 @@
 				<div class="row editor-content">
 					<div style="width: 22em;" class="d-flex flex-column">
 						<div class="stepper-back row">
-							<div class="col-auto d-flex align-items-center back-to-dmp" (click)="backToDmp(this.formGroup.get('planId').value)">
+							<div class="col-auto d-flex align-items-center back-to-plan" (click)="backToDmp(this.formGroup.get('planId').value)">
 								<mat-icon class="back-icon pointer">chevron_left</mat-icon>
 								<span class="pointer">{{'DESCRIPTION-EDITOR.ACTIONS.BACK-TO' | translate}}</span>
 							</div>
-							<div class="col-auto dmp-label ml-1">{{'DESCRIPTION-EDITOR.PLAN' | translate}}</div>
+							<div class="col-auto plan-label ml-1">{{'DESCRIPTION-EDITOR.PLAN' | translate}}</div>
 						</div>
 						<div class="row stepper-title">
 							<div class="col-12 pl-0 mb-1"><span>{{'DESCRIPTION-EDITOR.TOC.TITLE' | translate}}</span></div>
diff --git a/dmp-frontend/src/app/ui/description/editor/description-editor.component.scss b/dmp-frontend/src/app/ui/description/editor/description-editor.component.scss
index d3e4b63f0..8603d2aff 100644
--- a/dmp-frontend/src/app/ui/description/editor/description-editor.component.scss
+++ b/dmp-frontend/src/app/ui/description/editor/description-editor.component.scss
@@ -202,7 +202,7 @@
     align-items: center;
   }
 
-  .description-to-dmp {
+  .description-to-plan {
     display: flex;
     align-items: center;
     padding: 0;
@@ -213,11 +213,11 @@
     line-height: 25px;
   }
 
-  .dmp-info {
+  .plan-info {
     padding-top: 0.75rem;
   }
 
-  .dmp-label {
+  .plan-label {
     min-width: 67px;
     height: 37px;
     background: var(--primary-color) 0% 0% no-repeat padding-box;
@@ -229,7 +229,7 @@
     justify-content: center;
   }
 
-  .dmp-title {
+  .plan-title {
     text-align: left;
     font-weight: 700;
     font-size: 1rem;
@@ -345,7 +345,7 @@
     }
   }
 
-  .back-to-dmp:hover {
+  .back-to-plan:hover {
     background: #ececec;
     border-radius: 6px;
   }
diff --git a/dmp-frontend/src/app/ui/description/listing/description-listing.component.scss b/dmp-frontend/src/app/ui/description/listing/description-listing.component.scss
index 0092defe6..053d11082 100644
--- a/dmp-frontend/src/app/ui/description/listing/description-listing.component.scss
+++ b/dmp-frontend/src/app/ui/description/listing/description-listing.component.scss
@@ -16,7 +16,7 @@
   padding-bottom: 2em;
 }
 
-.explore-dmp-content {
+.explore-plan-content {
   padding: 30px 15px;
 }
 
diff --git a/dmp-frontend/src/app/ui/description/listing/filtering/description-filter.component.html b/dmp-frontend/src/app/ui/description/listing/filtering/description-filter.component.html
index 42f34d4b8..58adc8ad1 100644
--- a/dmp-frontend/src/app/ui/description/listing/filtering/description-filter.component.html
+++ b/dmp-frontend/src/app/ui/description/listing/filtering/description-filter.component.html
@@ -1,5 +1,5 @@
 
-<div class="dmp-criteria">
+<div class="plan-criteria">
 	<div class="filters container-fluid">
 		<div class="row justify-content-center">
 			<div class="col-10">
diff --git a/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.html b/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.html
index 21d083e01..2f62c7252 100644
--- a/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.html
+++ b/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.html
@@ -18,9 +18,9 @@
 		</div>
 		<div class="d-flex flex-direction-row pt-3 pb-3">
 			<div class="col-auto description-subtitle pr-0">{{'DESCRIPTION-LISTING.PART-OF' | translate}}
-				<div class="col-auto dmp-label ml-3">{{'DESCRIPTION-LISTING.PLAN' | translate}}</div>
+				<div class="col-auto plan-label ml-3">{{'DESCRIPTION-LISTING.PLAN' | translate}}</div>
 			</div>
-			<div class="col dmp-title">{{description.plan?.label}}</div>
+			<div class="col plan-title">{{description.plan?.label}}</div>
 		</div>
 	</a>
 	<div class="description-card-actions">
diff --git a/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss b/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
index 3b5125266..62c47e2af 100644
--- a/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
+++ b/dmp-frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
@@ -77,7 +77,7 @@ p {
   color: #08bd63;
 }
 
-.dmp-card,
+.plan-card,
 .description-card {
 	min-width: 712px;
 	/* min-height: 308px; */
@@ -112,7 +112,7 @@ input[type="text"] {
 	opacity: 0.6;
 }
 
-.dmp-label {
+.plan-label {
 	background: var(--primary-color) 0% 0% no-repeat padding-box;
 	border-radius: 4px 0px;
 	opacity: 1;
@@ -135,7 +135,7 @@ input[type="text"] {
 	color: #212121;
 }
 
-.dmp-title,
+.plan-title,
 .description-title {
 	text-align: left;
 	font-weight: 600;
@@ -174,7 +174,7 @@ input[type="text"] {
 	// padding-bottom: 0.4rem;
 }
 
-.dmp-subtitle,
+.plan-subtitle,
 .description-subtitle {
 
 	.icon-align {
@@ -186,7 +186,7 @@ input[type="text"] {
 }
 
 .description-card-actions,
-.dmp-card-actions {
+.plan-card-actions {
 	display: flex;
 	flex-direction: row;
 	border-top: 1px solid #dbdbdb;
@@ -195,24 +195,24 @@ input[type="text"] {
 }
 
 .description-card-actions a,
-.dmp-card-actions a {
+.plan-card-actions a {
 	color: #848484 !important;
 	text-decoration: none !important;
 }
 
 .description-card-actions a:hover,
-.dmp-card-actions a:hover {
+.plan-card-actions a:hover {
 	color: var(--primary-color) !important;
 }
 
-.dmp-description-descriptions-title {
+.plan-description-descriptions-title {
 	color: #000000;
 	opacity: 0.6;
 	padding-top: 1.5rem;
 	padding-bottom: 0.8rem;
 }
 
-.dmp-description-descriptions-name {
+.plan-description-descriptions-name {
 	color: #000000;
 	opacity: 0.6;
 	font-weight: 700;
diff --git a/dmp-frontend/src/app/ui/description/overview/description-overview.component.html b/dmp-frontend/src/app/ui/description/overview/description-overview.component.html
index a9e455393..72babf3c2 100644
--- a/dmp-frontend/src/app/ui/description/overview/description-overview.component.html
+++ b/dmp-frontend/src/app/ui/description/overview/description-overview.component.html
@@ -72,8 +72,8 @@
 					</div>
 					<div class="row">
 						<div class="col-12 col-lg-7">
-							<button class="w-100 dmp-btn p-1" (click)="dmpClicked(description.plan)">
-								<div class="dmp-btn-label">
+							<button class="w-100 plan-btn p-1" (click)="dmpClicked(description.plan)">
+								<div class="plan-btn-label">
 									{{ this.description.plan.label }}
 								</div>
 								<div class="w-auto">
diff --git a/dmp-frontend/src/app/ui/description/overview/description-overview.component.scss b/dmp-frontend/src/app/ui/description/overview/description-overview.component.scss
index 9a3414172..3ed5c9160 100644
--- a/dmp-frontend/src/app/ui/description/overview/description-overview.component.scss
+++ b/dmp-frontend/src/app/ui/description/overview/description-overview.component.scss
@@ -59,7 +59,7 @@
   align-self: center;
 }
 
-.dmp-btn {
+.plan-btn {
   width: 35em;
   min-height: 2.3em;
   background-color: var(--primary-color);
@@ -69,8 +69,8 @@
   border: none;
 }
 
-.dmp-btn,
-.dmp-btn > mat-icon {
+.plan-btn,
+.plan-btn > mat-icon {
   color: #ffffff;
   //   opacity: 0.8;
 }
@@ -185,7 +185,7 @@
   margin-bottom: 1.875em;
 }
 
-.dmp-btn-label {
+.plan-btn-label {
   margin-right: 1em;
   color: #ffffff;
   opacity: 0.8;
@@ -294,7 +294,7 @@
 }
 
 .description-label,
-.dmp-btn,
+.plan-btn,
 .doi-panel,
 .researcher {
   display: flex;
diff --git a/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.html b/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.html
index a5303d95f..ec8435336 100644
--- a/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.html
+++ b/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.html
@@ -16,7 +16,7 @@
 	</div>
 	<div class="row mt-2">
 		<div class="col-auto pb-4">
-			<span>{{'DASHBOARD.ADD-NEW-DESCRIPTION.OPTIONS-NOT-ENOUGH' | translate}}</span>&nbsp;<span class="new-dmp" (click)="startNewPlan()">{{'DASHBOARD.ADD-NEW-DESCRIPTION.START-NEW-PLAN' | translate}}</span>
+			<span>{{'DASHBOARD.ADD-NEW-DESCRIPTION.OPTIONS-NOT-ENOUGH' | translate}}</span>&nbsp;<span class="new-plan" (click)="startNewPlan()">{{'DASHBOARD.ADD-NEW-DESCRIPTION.START-NEW-PLAN' | translate}}</span>
 		</div>
 	</div>
 	<div class="row">
diff --git a/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss b/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
index 5f51075b8..30c49c679 100644
--- a/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
@@ -92,7 +92,7 @@ min-width: 101px;
 	flex-direction: row;
 }
 
-.new-dmp {
+.new-plan {
 	text-align: left;
 	text-decoration: underline;
 	letter-spacing: 0px;
@@ -100,11 +100,11 @@ min-width: 101px;
 	cursor: pointer;
 }
 
-::ng-deep .dmp-form .mat-form-field-appearance-outline .mat-form-field-outline {
+::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-outline {
 	// background: #fafafa !important;
 }
 
-::ng-deep .dmp-form .mat-form-field-appearance-outline .mat-form-field-infix {
+::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-infix {
 	// font-size: 1rem;
 	// padding: 0.6em 0 1em 0 !important;
 }
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.html b/dmp-frontend/src/app/ui/navbar/navbar.component.html
index f1b4100c3..46547f920 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.html
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.html
@@ -20,7 +20,7 @@
 
 			<div class="collapse navbar-collapse justify-content-end" id="navigation">
 
-				<div class="new-dmp-dialog col-md-auto ml-auto">
+				<div class="new-plan-dialog col-md-auto ml-auto">
 					<button type="button" class="normal-btn" (click)="openNewPlanDialog()">{{ 'NAV-BAR.START-NEW-PLAN' | translate }}</button>
 				</div>
 				<div class="col-md-auto pl-0" *ngIf="!(isAuthenticated() && onInvalidUrl())">
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.scss b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
index 99ce3843e..288243814 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.scss
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.scss
@@ -146,7 +146,7 @@ $mat-card-header-size: 40px !default;
   border-radius: 6px;
 }
 
-.new-dmp-dialog {
+.new-plan-dialog {
 	padding: 0em .5em 0em 0em;
 }
 ::ng-deep .mat-option-text {
diff --git a/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.html b/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.html
index 2c2dc6d6e..e81e922ae 100644
--- a/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.html
+++ b/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.html
@@ -1,4 +1,4 @@
-<div class="dmp-invitation-dialog container-fluid" *ngIf="formGroup">
+<div class="plan-invitation-dialog container-fluid" *ngIf="formGroup">
 	<div class="row">
 		<div class="col">
 			<h1 class="title">{{'PLAN-USER-INVITATION-DIALOG.TITLE' | translate}}</h1>
diff --git a/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss b/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
index 2e0d5a2a7..3c69d0307 100644
--- a/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
@@ -1,4 +1,4 @@
-.dmp-invitation-dialog {
+.plan-invitation-dialog {
 	padding: 2.5rem;
 
 	.form-container {
diff --git a/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.html b/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.html
index 1a0ff11ca..a16a0e42d 100644
--- a/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.html
+++ b/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.html
@@ -1,4 +1,4 @@
-<div class="dmp-criteria">
+<div class="plan-criteria">
 	<div class="filters container-fluid">
 		<div class="row justify-content-center">
 			<div class="col-10">
diff --git a/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss b/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss
index ae611c7b9..53df6bb9a 100644
--- a/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss
+++ b/dmp-frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss
@@ -1,4 +1,4 @@
-.dmp-criteria {
+.plan-criteria {
   mat-form-field {
     padding-bottom: 5px;
     width: 100%;
diff --git a/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.html b/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.html
index ad2f578d3..27401a5ef 100644
--- a/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.html
+++ b/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.html
@@ -1,12 +1,12 @@
-<div class="dmp-card">
+<div class="plan-card">
 	<a [routerLink]="isPublic ? this.routerUtils.generateUrl(['/explore-plans/overview/public/', dmp.id]) : this.routerUtils.generateUrl(['/plans/overview/', dmp.id])" class="pointer">
 		<div class="d-flex flex-direction-row">
-			<div class="col-auto dmp-label">{{ 'PLAN-LISTING.PLAN' | translate }}</div>
+			<div class="col-auto plan-label">{{ 'PLAN-LISTING.PLAN' | translate }}</div>
 			<div *ngIf="!isPublic" class="col-auto ml-auto edited-date">{{ 'PLAN-LISTING.EDITED' | translate }}: {{ dmp.updatedAt | dateTimeFormatter: "d MMMM y" }}</div>
 			<div *ngIf="isPublic" class="col-auto ml-auto edited-date">{{ 'PLAN-LISTING.PUBLISHED' | translate }}: {{ dmp.finalizedAt | dateTimeFormatter: "d MMMM y" }}</div>
 		</div>
-		<div class="col-auto" [ngClass]="{'dmp-title': !isDraft, 'dmp-title-draft': isDraft}">{{dmp.label}}</div>
-		<div class="dmp-subtitle">
+		<div class="col-auto" [ngClass]="{'plan-title': !isDraft, 'plan-title-draft': isDraft}">{{dmp.label}}</div>
+		<div class="plan-subtitle">
 			<span *ngIf="isUserPlanRelated()" class="col-auto">{{ enumUtils.toPlanUserRolesString(planService.getCurrentUserRolesInPlan(dmp?.planUsers)) }}</span>
 			<span *ngIf="isUserPlanRelated()">.</span>
 			<span class="col-auto" *ngIf="dmp.status === planStatusEnum.Finalized && isPublic"><span class="material-icons icon-align">public</span>{{'TYPES.PLAN-VISIBILITY.PUBLIC' | translate}}</span>
@@ -17,17 +17,17 @@
 			<span>.</span>
 			<span class="col">{{ 'PLAN-LISTING.GRANT' | translate }}: {{referenceService.getReferencesForTypesFirstSafe(dmp?.planReferences, [this.referenceTypeService.getGrantReferenceType()])?.reference?.label}}</span>
 		</div>
-		<div class="col-auto dmp-description-descriptions-title">{{'PLAN-LISTING.CONTAINED-DESCRIPTIONS' | translate}}: ({{ dmp.descriptions?.length }})
+		<div class="col-auto plan-description-descriptions-title">{{'PLAN-LISTING.CONTAINED-DESCRIPTIONS' | translate}}: ({{ dmp.descriptions?.length }})
 		</div>
 		<div *ngFor="let description of dmp.descriptions; let i = index; let last = last" [ngClass]="{'pb-3': i === dmp.descriptions?.length - 1}">
 			<div *ngIf="i < 3">
-				<div class="col-auto dmp-description-descriptions-name" *ngIf="!last && i !== 2">{{description.label}},</div>
-				<div class="col-auto dmp-description-descriptions-name" *ngIf="last || i == 2">{{description.label}}</div>
+				<div class="col-auto plan-description-descriptions-name" *ngIf="!last && i !== 2">{{description.label}},</div>
+				<div class="col-auto plan-description-descriptions-name" *ngIf="last || i == 2">{{description.label}}</div>
 			</div>
 		</div>
 		<a class="d-flex justify-content-center pb-3 show-more" *ngIf="dmp.descriptions?.length > 3" [routerLink]="isPublic ? this.routerUtils.generateUrl(['/explore-plans/overview/public/', dmp.id]) : this.routerUtils.generateUrl(['/plans/overview/', dmp.id])"><u>{{'GENERAL.ACTIONS.SHOW-MORE' | translate}}</u></a>
 	</a>
-	<div class="dmp-card-actions">
+	<div class="plan-card-actions">
 		<a class="col-auto border-right pointer" *ngIf="canExportPlan(dmp) && fileTransformerService.availableFormatsFor(fileTransformerEntityTypeEnum.Dmp).length > 0" [matMenuTriggerFor]="exportMenu"><span class="material-icons icon-align pr-2">open_in_new</span>{{'PLAN-LISTING.ACTIONS.EXPORT' | translate}}</a>
 		<a class="col-auto border-right pointer" *ngIf="isDraftDmp(dmp) && canEditPlan(dmp)" [routerLink]="this.routerUtils.generateUrl(['/plans/edit/', dmp.id])" target="_blank"><span class="material-icons icon-align">add</span>{{'PLAN-LISTING.ACTIONS.ADD-DESCRIPTION-SHORT' | translate}}</a>
 		<a class="col-auto border-right pointer" *ngIf="canInvitePlanUsers(dmp)" (click)="inviteToDmp()"><span class="material-icons icon-align pr-2">group_add</span>{{'PLAN-LISTING.ACTIONS.INVITE-SHORT' | translate}}</a>
diff --git a/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss b/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
index 65d3459eb..56c3ed07d 100644
--- a/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
+++ b/dmp-frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
@@ -111,7 +111,7 @@ p {
   min-width: 74px;
 }
 
-.dmp-card,
+.plan-card,
 .description-card {
 	min-width: 712px;
 	/* min-height: 308px; */
@@ -147,7 +147,7 @@ input[type="text"] {
 	opacity: 0.6;
 }
 
-.dmp-label {
+.plan-label {
 	background: var(--primary-color) 0% 0% no-repeat padding-box;
 	border-radius: 4px 0px;
 	opacity: 1;
@@ -157,7 +157,7 @@ input[type="text"] {
 	line-height: 2.4;
 }
 
-.dmp-title,
+.plan-title,
 .description-title {
 	text-align: left;
 	font-weight: 600;
@@ -169,7 +169,7 @@ input[type="text"] {
 }
 
 .description-subtitle,
-.dmp-subtitle {
+.plan-subtitle {
 	display: flex;
 	flex-direction: row;
 	text-align: left;
@@ -180,7 +180,7 @@ input[type="text"] {
 	color: #848484;
 }
 
-.dmp-title-draft,
+.plan-title-draft,
 .description-title-draft {
 	text-align: left;
 	font-weight: 600;
@@ -196,7 +196,7 @@ input[type="text"] {
 	vertical-align: middle;
 }
 
-.dmp-subtitle,
+.plan-subtitle,
 .description-subtitle {
 
 	.icon-align {
@@ -208,7 +208,7 @@ input[type="text"] {
 }
 
 .description-card-actions,
-.dmp-card-actions {
+.plan-card-actions {
 	display: flex;
 	flex-direction: row;
 	border-top: 1px solid #dbdbdb;
@@ -217,24 +217,24 @@ input[type="text"] {
 }
 
 .description-card-actions a,
-.dmp-card-actions a {
+.plan-card-actions a {
 	color: #848484 !important;
 	text-decoration: none !important;
 }
 
 .description-card-actions a:hover,
-.dmp-card-actions a:hover {
+.plan-card-actions a:hover {
 	color: var(--primary-color) !important;
 }
 
-.dmp-description-descriptions-title {
+.plan-description-descriptions-title {
 	color: #000000;
 	opacity: 0.6;
 	padding-top: 1.5rem;
 	padding-bottom: 0.8rem;
 }
 
-.dmp-description-descriptions-name {
+.plan-description-descriptions-name {
 	color: #000000;
 	opacity: 0.6;
 	font-weight: 700;
diff --git a/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.html b/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.html
index 4f366d3ad..66c37cc6b 100644
--- a/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.html
+++ b/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.html
@@ -4,7 +4,7 @@
 			<div *ngIf="hasLoadedListingItems && !hasListingItems && !hasFilters" class="col-12 card mt-0">
 				<div class="card-content info-text mb-0">
 					<p>{{'PLAN-LISTING.TEXT-INFO' | translate}}</p>
-					<p class="mt-4 pt-2">{{'PLAN-LISTING.TEXT-INFO-QUESTION' | translate}} <a class="zenodo-link" href="https://zenodo.org/communities/liber-dmp-cat/?page=1&size=20" target="_blank">{{'PLAN-LISTING.LINK-ZENODO' | translate}}</a> {{'PLAN-LISTING.GET-IDEA' | translate}}</p>
+					<p class="mt-4 pt-2">{{'PLAN-LISTING.TEXT-INFO-QUESTION' | translate}} <a class="zenodo-link" href="https://zenodo.org/communities/liber-plan-cat/?page=1&size=20" target="_blank">{{'PLAN-LISTING.LINK-ZENODO' | translate}}</a> {{'PLAN-LISTING.GET-IDEA' | translate}}</p>
 					<div class="d-flex">
 						<div *ngIf="!isPublic" class="col left-content" (click)="restartTour()">{{ 'GENERAL.ACTIONS.TAKE-A-TOUR'| translate }}</div>
 						<img class="col-auto ml-auto laptop-img" src="../../../assets/images/dashboard-popup.png">
@@ -62,7 +62,7 @@
 				</div>
 				<div class="col-md-12 col-sm-12 col-md-9">
 					<div *ngFor="let item of listingItems; let i = index">
-						<app-dmp-listing-item-component [showDivider]="i != (listingItems.length - 1)" [dmp]="item" [isPublic]="isPublic"></app-dmp-listing-item-component>
+						<app-plan-listing-item-component [showDivider]="i != (listingItems.length - 1)" [dmp]="item" [isPublic]="isPublic"></app-plan-listing-item-component>
 					</div>
 					<div *ngIf="hasListingItems && this.lookup?.page?.offset < this.totalCount - 1 && this.pageSize < this.totalCount - 1" class="d-flex justify-content-center">
 						<button type="button" class="btn-load-more" (click)="loadMore()">{{'GENERAL.ACTIONS.LOAD-MORE' | translate}}</button>
diff --git a/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.scss b/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.scss
index 0deed311d..c0165f04c 100644
--- a/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.scss
+++ b/dmp-frontend/src/app/ui/plan/listing/plan-listing.component.scss
@@ -42,7 +42,7 @@
   color: #999999 !important;
 }
 
-.dmp-label {
+.plan-label {
   color: #089dbb !important;
 }
 
@@ -78,7 +78,7 @@
   padding-bottom: 2em;
 }
 
-.explore-dmp-content {
+.explore-plan-content {
   padding: 30px 15px;
 }
 
diff --git a/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.html b/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.html
index dfc7c5794..82d659f4f 100644
--- a/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.html
+++ b/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.html
@@ -1,6 +1,6 @@
-<div class="start-new-dmp-dialog-wrapper">
+<div class="start-new-plan-dialog-wrapper">
 	<div class="d-flex justify-content-between">
-		<div class="pl-0 col-auto"><a class="logo"><img class="logo" src="../../../assets/images/new-dmp-logo.png" onerror="this.style.display='none'"></a></div>
+		<div class="pl-0 col-auto"><a class="logo"><img class="logo" src="../../../assets/images/new-plan-logo.png" onerror="this.style.display='none'"></a></div>
 		<div class="col-auto close-btn" (click)="close()">
 			<mat-icon class="close-icon">close</mat-icon>
 		</div>
diff --git a/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss b/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
index bc7d5d102..44f81f6c8 100644
--- a/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
@@ -3,7 +3,7 @@
 	padding: 24px;
 }
 
-.start-new-dmp-dialog-wrapper {
+.start-new-plan-dialog-wrapper {
 	width: 33.0rem;
 	min-height: 14rem;
 	padding: 0.28rem 0.34rem 0.875rem 0.625rem;
diff --git a/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.html b/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.html
index 890ea27a6..b22dcce4c 100644
--- a/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.html
+++ b/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.html
@@ -1,4 +1,4 @@
-<div class="main-content dmp-overview pl-5 pr-5">
+<div class="main-content plan-overview pl-5 pr-5">
 	<div class="container-fluid pl-0 pr-0">
 		<div *ngIf="dmp">
 			<div class="row">
@@ -15,8 +15,8 @@
 			<div class="row">
 				<div class="col-12 col-lg-8 pl-2">
 					<div class="row align-items-center">
-						<div class="col-auto"><span class="dmp-logo">{{ 'PLAN-OVERVIEW.TITLE' | translate }}</span></div>
-						<div class="col-auto pr-0 d-flex"><span class="dmp-label">{{ dmp.label }}</span></div>
+						<div class="col-auto"><span class="plan-logo">{{ 'PLAN-OVERVIEW.TITLE' | translate }}</span></div>
+						<div class="col-auto pr-0 d-flex"><span class="plan-label">{{ dmp.label }}</span></div>
 						<div class="col-auto pr-0"><span style="font-weight: 700;">.</span></div>
 						<div class="col-auto d-flex"><button mat-button [matMenuTriggerFor]="versions" style="border-radius: 100px; background-color: #eaeaea;"> 
 							<div class="pl-2 pr-1 d-flex align-items-center">{{'PLAN-OVERVIEW.VERSION' | translate}} {{selectedDmpVersion?.version}} <mat-icon class="ml-1">arrow_drop_down</mat-icon></div> 
@@ -76,7 +76,7 @@
 					</div>
 					<ng-container *ngIf="referenceService.hasRerefenceOfTypes(dmp?.planReferences, [this.referenceTypeService.getGrantReferenceType()])">
 						<div class="row header"><div class="col-auto">{{'PLAN-OVERVIEW.GRANT' | translate}}</div></div>
-						<div class="row dmp-label"><div class="col-auto">{{referenceService.getReferencesForTypesFirstSafe(dmp?.planReferences, [this.referenceTypeService.getGrantReferenceType()])?.reference?.label}}</div></div>
+						<div class="row plan-label"><div class="col-auto">{{referenceService.getReferencesForTypesFirstSafe(dmp?.planReferences, [this.referenceTypeService.getGrantReferenceType()])?.reference?.label}}</div></div>
 					</ng-container>
 					<div class="row header"><div class="col-auto">{{'DESCRIPTION-OVERVIEW.RESEARCHERS' | translate}}</div></div>
 					<div class="row">
@@ -117,7 +117,7 @@
 						<ng-container *ngFor="let description of dmp.descriptions">
 							<div class="col-12 col-lg-7 mt-1">
 								<a class="w-100 description" [routerLink]="isPublicView ? this.routerUtils.generateUrl(['/descriptions/overview/public/', description.id]) : this.routerUtils.generateUrl(['/descriptions/overview/' + description.id])" target="_blank">
-									<button class="w-100" [ngClass]="{'dmp-btn': description.status === descriptionStatusEnum.Draft, 'dmp-finalized-btn': description.status === descriptionStatusEnum.Finalized}">
+									<button class="w-100" [ngClass]="{'plan-btn': description.status === descriptionStatusEnum.Draft, 'plan-finalized-btn': description.status === descriptionStatusEnum.Finalized}">
 										<div matTooltip="{{ description.label }}" class="d-flex align-items-center justify-content-between">
 											<div class="description-btn-label">{{ description.label }}</div>
 											<mat-icon>launch</mat-icon>
diff --git a/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.scss b/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.scss
index 005ff002d..098b1508d 100644
--- a/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.scss
+++ b/dmp-frontend/src/app/ui/plan/overview/plan-overview.component.scss
@@ -123,7 +123,7 @@
 
 // ********TEXT********
 
-.dmp-logo {
+.plan-logo {
 	padding: 10px;
 	min-width: 4.8em;
 	height: 2.6em;
@@ -147,7 +147,7 @@
 	font-weight: 400;
 }
 
-.dmp-label {
+.plan-label {
 	font-weight: bold;
 }
 
@@ -168,7 +168,7 @@
 	margin-bottom: 0.5em;
 }
 
-.dmp-label,
+.plan-label,
 .header {
 	font-size: 1.25em;
 	color: #212121;
@@ -289,7 +289,7 @@
 .mat-mini-fab,
 .mat-mini-fab-icon,
 .status-icon,
-.dmp-logo,
+.plan-logo,
 .frame-btn,
 .finalize-btn {
 	display: flex;
@@ -331,7 +331,7 @@
 	border-bottom: 1px solid #212121;
 }
 
-.dmp-btn {
+.plan-btn {
   min-height: 2.3em;
   background-color: var(--secondary-color);
   border-radius: 4px;
@@ -340,7 +340,7 @@
   border: none;
 }
 
-.dmp-finalized-btn {
+.plan-finalized-btn {
   min-height: 2.3em;
   background-color: #b2f772;
   border-radius: 4px;
diff --git a/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.html b/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.html
index 64a100b61..065419046 100644
--- a/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.html
+++ b/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.html
@@ -1,4 +1,4 @@
-<div class="dmp-contact-prefill-dialog">
+<div class="plan-contact-prefill-dialog">
 	<div class="row mt-3">
 		<div mat-dialog-title *ngIf="label">
 			<span class="mr-3 title">{{'PLAN-CONTACT-PREFILL-DIALOG.TITLE' | translate}}{{label}}</span>
diff --git a/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss b/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
index f43c06c3e..246566f42 100644
--- a/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
@@ -1,4 +1,4 @@
-.dmp-contact-prefill-dialog {
+.plan-contact-prefill-dialog {
 
 	padding: 24px;
 	overflow: hidden;
diff --git a/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.html b/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.html
index ad267849f..0ed022ab4 100644
--- a/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.html
+++ b/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.html
@@ -1,4 +1,4 @@
-<div class="dmp-delete-dialog">
+<div class="plan-delete-dialog">
 	<div class="row mt-3">
 		<div mat-dialog-title class="col-12 pr-1 d-flex justify-content-between">
 			<span class="text-danger">{{'PLAN-DELETE-DIALOG.WARNING' | translate}}</span>
diff --git a/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss b/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
index 4c8d6441d..9ab525de2 100644
--- a/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
@@ -4,7 +4,7 @@
 // 	border-radius: 125px;
 // }
 
-.dmp-delete-dialog {
+.plan-delete-dialog {
 
 	padding: 24px;
 	overflow: hidden;
diff --git a/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html b/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
index 4f64bacd7..f039e8106 100644
--- a/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
+++ b/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
@@ -12,7 +12,7 @@
 							<div class="ml-auto d-flex flex-row">
 								
 								<div *ngIf="formGroup.get('id').value" class="col-auto d-flex align-items-center">
-									<button [disabled]="isDirty()" [matTooltipDisabled]="!isDirty()" mat-raised-button class="dmp-export-btn" type="button" [matMenuTriggerFor]="exportMenu" (click)="$event.stopPropagation();" [matTooltip]="'PLAN-EDITOR.ACTIONS.EXPORT.CAN-NOT-EXPORT' | translate">
+									<button [disabled]="isDirty()" [matTooltipDisabled]="!isDirty()" mat-raised-button class="plan-export-btn" type="button" [matMenuTriggerFor]="exportMenu" (click)="$event.stopPropagation();" [matTooltip]="'PLAN-EDITOR.ACTIONS.EXPORT.CAN-NOT-EXPORT' | translate">
 										{{ 'PLAN-EDITOR.ACTIONS.EXPORT.EXPORT' | translate }}
 										<mat-icon [disabled]="isDirty()" style="width: 14px;">expand_more</mat-icon>
 									</button>
@@ -100,7 +100,7 @@
 								</rich-text-editor-component>
 							</div>
 						</div>
-						<div class="dmp-blueprint-form" style="margin-top: 3%;">
+						<div class="plan-blueprint-form" style="margin-top: 3%;">
 							<div class="heading2">{{'PLAN-EDITOR.FIELDS.BLUEPRINT' | translate}} *</div>
 							<mat-form-field class="w-100">
 								<mat-label>{{'PLAN-EDITOR.FIELDS.BLUEPRINT' | translate}}</mat-label>
diff --git a/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss b/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
index 83661dd7d..faea73a01 100644
--- a/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
+++ b/dmp-frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
@@ -61,7 +61,7 @@
     white-space: nowrap;
 }
 
-.save-btn, .dmp-export-btn {
+.save-btn, .plan-export-btn {
     background: #ffffff 0% 0% no-repeat padding-box !important;
     border-radius: 30px;
     opacity: 1;
@@ -74,7 +74,7 @@
     color: var(--primary-color);
 }
 
-.dmp-stepper {
+.plan-stepper {
     position: fixed;
     //   height: 100%;
     display: flex;
@@ -315,7 +315,7 @@ a:hover {
     margin-top: -80px;
 }
 
-.dmp-blueprint-form {
+.plan-blueprint-form {
     text-align: left;
     font-weight: 400;
     font-size: 16px;
diff --git a/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.html b/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.html
index 753699b23..d66d60ea2 100644
--- a/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.html
+++ b/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.html
@@ -13,7 +13,7 @@
 						<mat-panel-title>
 							{{ 'PLAN-FINALISE-DIALOG.PLAN' | translate }}
 						</mat-panel-title>
-						<mat-panel-description class="dmp-title">
+						<mat-panel-description class="plan-title">
 							{{ dmp.label }}
 						</mat-panel-description>
 					</mat-expansion-panel-header>
diff --git a/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss b/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
index 30161d75a..091af3c57 100644
--- a/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
@@ -59,7 +59,7 @@
 	padding: 0;
 }
 
-.dmp-title {
+.plan-title {
 	font-weight: 500;
 	color: black;
 }
diff --git a/dmp-frontend/src/app/ui/sidebar/sidebar.component.html b/dmp-frontend/src/app/ui/sidebar/sidebar.component.html
index f60085aed..3aef5e1d1 100644
--- a/dmp-frontend/src/app/ui/sidebar/sidebar.component.html
+++ b/dmp-frontend/src/app/ui/sidebar/sidebar.component.html
@@ -6,7 +6,7 @@
 			<mat-list-item routerLinkActive="active" [isActiveMatchOptions]="{ paths: 'exact', queryParams: 'ignored' }" *ngFor="let groupMenuRoute of groupMenuItem.routes; let first = first" class="nav-item" [ngClass]="{'mt-4': first && firstGroup}">
 				<ng-container *ngIf="groupMenuRoute.routeType == routeType.System; else infoItems">
 					
-					<a class="new-dmp nav-link nav-row" *ngIf="groupMenuRoute.path !== '/descriptions'; else description" [routerLink]="[routerUtils.generateUrl(groupMenuRoute.path)]"  [ngClass]="{'dmp-tour': groupMenuRoute.path == '/plans'}">
+					<a class="new-plan nav-link nav-row" *ngIf="groupMenuRoute.path !== '/descriptions'; else description" [routerLink]="[routerUtils.generateUrl(groupMenuRoute.path)]"  [ngClass]="{'plan-tour': groupMenuRoute.path == '/plans'}">
 						<i class="material-symbols-outlined icon">{{ groupMenuRoute.icon }}</i>
 						<i *ngIf="groupMenuRoute.path == '/plans'" class="material-symbols-outlined icon-mask">person</i>
 						<span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans'}" style="text-wrap: wrap;">{{groupMenuRoute.title | translate}}</span>