From 80d34ccbf4ecd1e54fe10840e8b0840a2b4b8aa8 Mon Sep 17 00:00:00 2001
From: amentis <amentis@cite.gr>
Date: Thu, 11 Jul 2024 11:19:27 +0300
Subject: [PATCH] frontend code clean up

---
 .../status-listing-filters.component.html     |  2 +-
 .../multiple-auto-complete.component.scss     |  1 -
 .../guided-tour/guided-tour.component.scss    |  5 --
 .../rich-text-editor.component.scss           |  6 ---
 ...ption-template-editor-field.component.scss |  2 -
 ...ate-editor-section-fieldset.component.scss |  4 --
 ...ion-template-editor-section.component.scss |  1 -
 ...description-template-editor.component.scss | 50 +------------------
 ...escription-template-table-of-contents.scss |  1 -
 ...escription-template-listing.component.scss |  2 -
 ...ser-invite-to-tenant-dialog.component.scss | 19 -------
 .../annotation-dialog.component.scss          |  1 -
 .../contact-content.component.scss            |  1 -
 .../app/ui/dashboard/dashboard.component.scss | 12 -----
 ...cription-base-fields-editor.component.scss |  1 -
 .../editor/description-editor.component.scss  | 21 +-------
 .../form-field-set.component.scss             |  1 -
 .../form-field/form-field.component.scss      |  1 -
 .../form-section/form-section.component.scss  |  3 --
 .../description-listing.component.scss        |  2 -
 .../description-filter.component.scss         |  2 -
 .../description-listing-item.component.scss   |  6 ---
 .../description-overview.component.scss       |  8 ---
 ...tart-new-description-dialog.component.scss |  4 --
 .../plan-invitation-accepted.component.html   |  0
 .../plan-invitation-accepted.component.ts     | 50 -------------------
 .../plan-invitation-dialog.component.scss     |  3 --
 .../plan-listing-item.component.scss          |  7 ---
 .../plan/listing/plan-listing.component.scss  |  5 --
 .../start-new-plan-dialog.component.scss      |  1 -
 .../plan-upload-dialog.component.scss         | 14 ------
 .../overview/plan-overview.component.scss     | 13 -----
 ...plan-contact-prefill-dialog.component.scss |  5 --
 .../plan-delete-dialog.component.scss         | 11 ----
 .../plan-editor.component.scss                | 10 ----
 .../plan-finalize-dialog.component.scss       |  1 -
 .../reference-field.component.scss            |  3 --
 .../src/app/ui/sidebar/sidebar.component.scss |  1 -
 .../supportive-material-editor.component.scss |  7 ---
 .../user-guide-content.component.scss         |  1 -
 .../user-profile/user-profile.component.html  |  1 -
 .../user-profile/user-profile.component.scss  |  7 ---
 ...rm-validation-errors-dialog.component.scss |  1 -
 .../user-settings-picker.component.html       | 43 ----------------
 frontend/src/styles.scss                      |  4 --
 45 files changed, 4 insertions(+), 340 deletions(-)
 delete mode 100644 frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.html
 delete mode 100644 frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.ts

diff --git a/frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.html b/frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.html
index bc96f462b..1e2ea7169 100644
--- a/frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.html
+++ b/frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.html
@@ -55,5 +55,5 @@
 		</div>
 	</mat-menu>
 
-	<!-- <app-expandable-search-field [(value)]=internalFilters.like (valueChange)="onSearchTermChange($event)" /> -->
+	<app-expandable-search-field [(value)]=internalFilters.like (valueChange)="onSearchTermChange($event)" />
 </div>
diff --git a/frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss b/frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
index f96c6f21e..795f1273f 100644
--- a/frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
+++ b/frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
@@ -72,7 +72,6 @@
 
 .option {
 	line-height: 1rem;
-	//   height: 3em;
 }
 
 .option-icon {
diff --git a/frontend/src/app/library/guided-tour/guided-tour.component.scss b/frontend/src/app/library/guided-tour/guided-tour.component.scss
index 7779678d4..43efa1117 100644
--- a/frontend/src/app/library/guided-tour/guided-tour.component.scss
+++ b/frontend/src/app/library/guided-tour/guided-tour.component.scss
@@ -20,7 +20,6 @@ ngx-guided-tour {
 	.tour-step {
 		position: fixed;
 		&.page-tour-step {
-			//   max-width: 400px;
 			max-width: 1043px; /*custom add*/
 			width: 50%;
 			left: 50%;
@@ -56,8 +55,6 @@ ngx-guided-tour {
 		&.tour-bottom,
 		&.tour-top {
 			.tour-arrow::before {
-				//   transform: translateX(-50%);
-				//   left: 50%;
 				/*custom add*/
 				transform: scale(2);
 				left: 494px;
@@ -109,8 +106,6 @@ ngx-guided-tour {
 		}
 
 		.tour-block {
-			//   padding: 15px 25px;
-
 			/*custom add*/
 			padding: 15px 25px 15px 0px;
 			max-height: 348px;
diff --git a/frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss b/frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss
index 382affcdc..207fbdcbf 100644
--- a/frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss
+++ b/frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss
@@ -2,12 +2,6 @@
 	min-height: 150px !important;
 }
 
-//.form-field-subscript-wrapper {
-//	font-size: 75%;
-//	padding-left: 12px;
-//	margin-top: 8px;
-//}
-
 .editor-wrapper {
 	position: relative;
 	border: 1px solid transparent !important;
diff --git a/frontend/src/app/ui/admin/description-template/editor/components/field/description-template-editor-field.component.scss b/frontend/src/app/ui/admin/description-template/editor/components/field/description-template-editor-field.component.scss
index 7da3a1c73..001ac97cd 100644
--- a/frontend/src/app/ui/admin/description-template/editor/components/field/description-template-editor-field.component.scss
+++ b/frontend/src/app/ui/admin/description-template/editor/components/field/description-template-editor-field.component.scss
@@ -55,8 +55,6 @@ li.list-inline-item{
   margin-right: 0.5em;
 }
 .add-visibility-button{
-  // display: flex;
-  // align-items: center;
   width: auto;
   cursor: pointer;
   span{
diff --git a/frontend/src/app/ui/admin/description-template/editor/components/section-fieldset/description-template-editor-section-fieldset.component.scss b/frontend/src/app/ui/admin/description-template/editor/components/section-fieldset/description-template-editor-section-fieldset.component.scss
index 0fe9ab8e9..1b2213760 100644
--- a/frontend/src/app/ui/admin/description-template/editor/components/section-fieldset/description-template-editor-section-fieldset.component.scss
+++ b/frontend/src/app/ui/admin/description-template/editor/components/section-fieldset/description-template-editor-section-fieldset.component.scss
@@ -32,10 +32,7 @@ $blue-color-light: #5cf7f2;
   top: 13.5em;
 }
 .actions-list{
-  //   border: 1px solid $blue-color;
-  // box-shadow: 0px 3px 12px var(--primary-color)99;
   border-radius: 4px;
-  // padding-top: 1rem;
   padding: 1em 0.9em;
   padding-bottom: 3em;
   min-width: 166px;
@@ -54,7 +51,6 @@ $blue-color-light: #5cf7f2;
   
     .action-list-icon{
       font-size: 1.2em;
-      // padding-right: 1em;
       width: 14px;
       margin-right: 0.5em;
       margin-left: -.09em;
diff --git a/frontend/src/app/ui/admin/description-template/editor/components/section/description-template-editor-section.component.scss b/frontend/src/app/ui/admin/description-template/editor/components/section/description-template-editor-section.component.scss
index 249c9e1c0..4289ef3d9 100644
--- a/frontend/src/app/ui/admin/description-template/editor/components/section/description-template-editor-section.component.scss
+++ b/frontend/src/app/ui/admin/description-template/editor/components/section/description-template-editor-section.component.scss
@@ -16,7 +16,6 @@
 	letter-spacing: 0px;
 	color: #212121;
 	opacity: 0.81;
-	// margin-top: 1.625rem;
 	margin-bottom: 0.625rem;
 }
 
diff --git a/frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.scss b/frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.scss
index ac7463002..380f99590 100644
--- a/frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.scss
+++ b/frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.scss
@@ -1,6 +1,4 @@
 .description-template-editor {
-	//margin-top: 1.3rem;
-
 	.full-width {
 		width: 100%;
 	}
@@ -23,9 +21,7 @@
 	border-radius: 7px;
 	box-shadow: 0px 1px 2px #bfbfbf;
 	padding: 0em;
-	// padding-top: 0em;
 	overflow: visible;
-	// min-height: 30em;
 }
 
 .heading {
@@ -35,7 +31,6 @@
 	letter-spacing: 0px;
 	color: #212121;
 	opacity: 0.81;
-	// margin-top: 1.625rem;
 	margin-bottom: 0.625rem;
 }
 
@@ -52,7 +47,6 @@
 //TO CHECK
 :host ::ng-deep .mat-horizontal-content-container {
     overflow: visible;
-	// padding: 0px;
 }
 :host ::ng-deep .mat-form-field-outline{
     background-color: #ffffff4f;
@@ -76,18 +70,8 @@
 }
 #progress-container{
 	box-shadow: 1px 1px 6px #00000029;;
-	// border-radius: .3em;
 }
-// .import-btn {
-// 	background: #ffffff 0% 0% no-repeat padding-box;
-// 	border-radius: 30px;
-// 	// color: var(--primary-color);
-// 	// border: 1px solid var(--primary-color);
-// 	padding-left: 2em;
-// 	padding-right: 2em;
-// 	color: #000;
-// 	border: 1px solid #000;
-//   }
+
 .navigate-btn {
 	border-radius: 30px;
 	background-color: var(--secondary-color);
@@ -133,8 +117,6 @@ $blue-color-light: #5cf7f2;
 	border-radius: 30px;
 	border: 1px solid var(--primary-color);
 	background: transparent;
-	//padding-left: 2em;
-	//padding-right: 2em;
 	height: 2.5em;
 	min-width: 110px;
 	width: auto;
@@ -144,8 +126,6 @@ $blue-color-light: #5cf7f2;
 	&.save-btn{
 		background-color: var(--secondary-color);
 		border: 1px solid transparent;
-		//padding-left: 2em;
-		//padding-right: 2em;
 		box-shadow: 0px 3px 6px #1E202029;
 		color: #212121;
 
@@ -188,17 +168,10 @@ $blue-color-light: #5cf7f2;
 	padding: 0px;
 }
 
-//for the acitons list toolbar
-// .mat-list-item.mat-list-item-with-avatar{
-// 	padding-left: 0em;
-// }
-
 
 .actions-list{
-	//   border: 1px solid $blue-color;
 	box-shadow: 0px 3px 12px var(--primary-color)99;
 	border-radius: 4px;
-	// padding-top: 1rem;
 	padding: 1em 0.9em;
 	min-width: 166px;
 
@@ -215,7 +188,6 @@ $blue-color-light: #5cf7f2;
 
 		.action-list-icon{
 			font-size: 1.2em;
-			// padding-right: 1em;
 			width: 14px;
 			margin-right: 0.5em;
 			margin-left: -.09em;
@@ -241,11 +213,6 @@ $blue-color-light: #5cf7f2;
 }
 
 
-// .mli{
-// 	height: auto;
-// }
-
-
 :host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
 	background: #fafafa !important;
 }
@@ -260,11 +227,6 @@ $blue-color-light: #5cf7f2;
 	margin-bottom: 2em;
 }
 
-.delete-btn {
-	// background-color: rgba(255, 0, 0, 0.76);
-	// color: white;
-}
-
 .email-input {
 	border-color: black;
 	border-style: solid;
@@ -278,8 +240,6 @@ $blue-color-light: #5cf7f2;
 
 
 .user-table {
-	// border: thin solid rgb(179, 173, 173);
-	// border: 1px solid rgba(0, 0, 0, 0.12);
 	background-color: white;
 	border-radius: 4px;
 	padding-bottom: 1em;
@@ -290,17 +250,14 @@ $blue-color-light: #5cf7f2;
 	text-align: center;
 	display: revert;
 	background-color: rgb(243 245 248);
-	// background-color: #129d9811;
 }
 
 .user-table-header th {
 	padding-top: 10px;
 	padding-bottom: 10px;
-	// border: thin solid darkgray;
 }
 
 .user-table-row {
-	// display: revert;
 	background-color: #fafafa;
 	td{
 		padding-top: .5em;
@@ -313,7 +270,6 @@ $blue-color-light: #5cf7f2;
 }
 
 .user-table-row:nth-child(even) {
-	// background-color: silver;
 }
 .user-table-body{
 	text-align: center;
@@ -359,10 +315,6 @@ $blue-color-light: #5cf7f2;
 .stepper-navigation-outer-wrapper{
 	padding: 2em;
 	margin-bottom: 1em;
-	//background: #f4f4f4;
-	//position: sticky;
-	//top: 0.01em;
-	//z-index: 9999;
 }
 
 #header-outer-wrapper {
diff --git a/frontend/src/app/ui/admin/description-template/editor/table-of-contents/description-template-table-of-contents.scss b/frontend/src/app/ui/admin/description-template/editor/table-of-contents/description-template-table-of-contents.scss
index eb164a946..4bdae917f 100644
--- a/frontend/src/app/ui/admin/description-template/editor/table-of-contents/description-template-table-of-contents.scss
+++ b/frontend/src/app/ui/admin/description-template/editor/table-of-contents/description-template-table-of-contents.scss
@@ -44,7 +44,6 @@ $scroller-height: 3em;
   display: flex;
   align-items: center;
   justify-content: center;
-  // z-index: -9999;
 }
 .top-scroller{
 	top: 1px;
diff --git a/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.scss b/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.scss
index f144ebedd..758993308 100644
--- a/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.scss
+++ b/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.scss
@@ -51,8 +51,6 @@
 .import-btn {
 	background: #ffffff 0% 0% no-repeat padding-box;
 	border-radius: 30px;
-	// color: var(--primary-color);
-	// border: 1px solid var(--primary-color);
 	padding-left: 2em;
 	padding-right: 2em;
 	color: #000;
diff --git a/frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss b/frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss
index e25cf8eb0..21cb6c862 100644
--- a/frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss
+++ b/frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss
@@ -9,7 +9,6 @@
 
 	.close-icon {
 		cursor: pointer;
-		// margin-right: 20px;
 		padding: .4rem;
 		width: auto !important;
 		height: auto !important;
@@ -34,12 +33,6 @@
 		padding: 0px;
 	}
 
-	// .mat-form-field {
-	// 	background: #fafafa;
-	// 	border: 1px solid #d1d1d1;
-	// 	border-radius: 4px;
-	// }
-
 	.hint {
 		font-size: 0.875rem;
 		font-weight: 500;
@@ -60,16 +53,6 @@
 			font-size: 1rem;
 			padding: 0.6em 0 1em 0 !important;
 		}
-
-		// .mat-form-field-underline {
-		// 	display: none;
-		// }
-		// .mat-form-field-flex {
-		// 	padding: 0em;
-		// }
-		// .align-arrow-right {
-		// 	display: none;
-		// }
 	}
 
 	.select-role {
@@ -144,7 +127,5 @@
 
 	:host ::ng-deep .invalid-email {
 		border: 1px solid red;
-		// animation: blink 1.4s infinite;
-		// animation-fill-mode: both;
 	}
 }
diff --git a/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss b/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
index c54f717de..5722046d3 100644
--- a/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
+++ b/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
@@ -19,7 +19,6 @@ $mat-card-header-size: 40px !default;
 
 .close-icon {
 	cursor: pointer;
-	// margin-right: 20px;
 	padding: .4rem;
 	width: auto !important;
 	height: auto !important;
diff --git a/frontend/src/app/ui/contact/contact-content/contact-content.component.scss b/frontend/src/app/ui/contact/contact-content/contact-content.component.scss
index 0db19b4f4..c696eb3ec 100644
--- a/frontend/src/app/ui/contact/contact-content/contact-content.component.scss
+++ b/frontend/src/app/ui/contact/contact-content/contact-content.component.scss
@@ -9,7 +9,6 @@ img {
 }
 
 .contact-component {
- // margin-top: 80px;
 }
 
 .contact-container {
diff --git a/frontend/src/app/ui/dashboard/dashboard.component.scss b/frontend/src/app/ui/dashboard/dashboard.component.scss
index f89f97431..ecf938041 100644
--- a/frontend/src/app/ui/dashboard/dashboard.component.scss
+++ b/frontend/src/app/ui/dashboard/dashboard.component.scss
@@ -185,7 +185,6 @@ input[type="text"] {
 }
 
 .description-label {
-	//   width: 158px;
 	width: auto;
 	height: 37px;
 	background: var(--secondary-color) 0% 0% no-repeat padding-box;
@@ -201,8 +200,6 @@ input[type="text"] {
 .icon-align {
 	display: inline-flex;
 	vertical-align: middle;
-	// line-height: .9em;
-	// padding-bottom: 0.4rem;
 }
 
 .plan-subtitle,
@@ -322,7 +319,6 @@ input[type="text"] {
 
 .laptop-img {
 	position: relative;
-	// top: 7px;
 }
 
 .add-description-btn {
@@ -362,7 +358,6 @@ mat-tab-group.my-mat-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-m
 
 .new-releases-hint-container {
 	padding-left: 40px;
-	/* padding-top: 40px; */
 	padding-right: 55px;
 }
 
@@ -392,21 +387,15 @@ mat-tab-group.my-mat-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-m
 }
 
 .new-releases-chip {
-	// margin-bottom: 1em;
-	// margin-left: 2.5em;
-	// margin-right: 2.5em;
 	color: #fff;
-	/* text-transform: uppercase; */
 	text-align: center;
 	font-weight: 500;
-	/* max-width: 160px; */
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	background: #EAEAEA 0% 0% no-repeat padding-box;
 	border-radius: 30px;
 	opacity: 0.7;
-	/* font: normal normal bold 12px/21px Aileron; */
 	letter-spacing: 0.12px;
 	color: #6E6E6E;
 }
@@ -417,7 +406,6 @@ mat-tab-group.my-mat-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-m
 	letter-spacing: 0px;
 	color: #212121;
 	padding-left: 40px;
-	/* padding-top: 40px; */
 	padding-right: 55px;
 	opacity: 1;
 }
diff --git a/frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss b/frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
index a8af2b5ea..3541ff08c 100644
--- a/frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
+++ b/frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
@@ -99,7 +99,6 @@
 }
 
 ::ng-deep .description-form .mat-form-field-appearance-outline .mat-form-field-infix {
-	//   font-size: 1rem;
 	padding: 0.6em 0 1em 0 !important;
 }
 
diff --git a/frontend/src/app/ui/description/editor/description-editor.component.scss b/frontend/src/app/ui/description/editor/description-editor.component.scss
index 1641c9b81..df3c5a945 100644
--- a/frontend/src/app/ui/description/editor/description-editor.component.scss
+++ b/frontend/src/app/ui/description/editor/description-editor.component.scss
@@ -6,8 +6,7 @@
 .description-editor {
   .toc-pane-container {
     &.is-sticky ~ .nav-spacer {
-      height: 500px; // the container size }
-      // height: calc(100vh - 100px); // the container size }
+      height: 500px; // the container size
     }
   }
 
@@ -88,8 +87,6 @@
   }
 
   .fixed-editor-header {
-    //   position: fixed;
-    //   width: calc(100% - 310px);
     z-index: 3;
     background-color: whitesmoke;
   }
@@ -244,18 +241,15 @@
 
   .description-stepper {
     position: fixed;
-    //   height: 100%;
     display: flex;
 	flex-direction: column;
 	height: calc(100vh - 246px);
-  // max-width: 366px;
   }
 
   .stepper-options {
 	height: calc(100vh - 650px);
     overflow-y: auto;
     .main-info {
-      // padding-left: .2rem;
       color: #21212194;
       font-weight: 400;
       cursor: pointer;
@@ -288,8 +282,6 @@
 
   .stepper-list {
     .toc-pane-container {
-      // padding-left: 0.2rem;
-      // overflow-x: hidden;
       span {
         text-align: left;
         font-weight: 400;
@@ -351,12 +343,7 @@
 
   .editor-content {
     .form {
-      // position: relative;
-      // left: 362px;
-      // width: calc(100% - 366px);
-
       position: relative;
-      // left: 362px;
       width: calc(100% - 366px);
       overflow-y: auto;
       height: calc(100vh - 270px);
@@ -370,11 +357,8 @@
 
   .stepper-actions {
 	display: flex;
-	// padding-left: 1rem;
 	margin-top: auto;
 	margin-bottom: 0.5rem;
-	//   margin-top: 5rem;
-	//   flex-grow: 8;
   }
 
   .stepper-btn {
@@ -449,8 +433,7 @@ mat-icon.size-18 {
 
 .toc-pane-container {
   &.is-sticky ~ .nav-spacer {
-    height: 500px; // the container size }
-    // height: calc(100vh - 100px); // the container size }
+    height: 500px; // the container size
   }
 }
 
diff --git a/frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss b/frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
index ffd9da7cd..6f27b7a56 100644
--- a/frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
+++ b/frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
@@ -7,7 +7,6 @@
 	@media (min-width: 1300px) {
 		width: 110px;		
 	}
-	// display: flex;
 }
 
 .annotation-icon{
diff --git a/frontend/src/app/ui/description/editor/description-form/components/form-field/form-field.component.scss b/frontend/src/app/ui/description/editor/description-form/components/form-field/form-field.component.scss
index 479276e05..0326f3911 100644
--- a/frontend/src/app/ui/description/editor/description-form/components/form-field/form-field.component.scss
+++ b/frontend/src/app/ui/description/editor/description-form/components/form-field/form-field.component.scss
@@ -59,7 +59,6 @@
 	background-color: #fafafa;
 	border: 1px dashed #d1d1d1;
 	border-radius: 4px;
-	//max-width: 480px;
 	height: 98px;
 	margin-top: 0.5rem;
 
diff --git a/frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.scss b/frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.scss
index cb676cf4c..f258b4d1c 100644
--- a/frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.scss
+++ b/frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.scss
@@ -1,10 +1,8 @@
 .dynamic-form-section {
 	.expansion-panel {
-		// background-color: #eeeeee54;
 		background-color: white;
 		margin-top: 1em;
 		margin-bottom: 1em;
-		// margin-bottom: 1em;
 	}
 	.addOneFieldButton {
 		margin-top: -15px;
@@ -24,7 +22,6 @@
 	}
 
 	.panel-desc {
-		// text-transform: capitalize;
 		text-transform: none;
 		font-weight: 400;
 		margin-top: .5rem;
diff --git a/frontend/src/app/ui/description/listing/description-listing.component.scss b/frontend/src/app/ui/description/listing/description-listing.component.scss
index ca30fb541..14aa43473 100644
--- a/frontend/src/app/ui/description/listing/description-listing.component.scss
+++ b/frontend/src/app/ui/description/listing/description-listing.component.scss
@@ -35,9 +35,7 @@
   background: #ffffff 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 6px #00000029;
   border-radius: 4px;
-  //   width: 987px;
   margin-bottom: 3.75rem;
-  /* height: 407px; */
   opacity: 1;
 }
 
diff --git a/frontend/src/app/ui/description/listing/filtering/description-filter.component.scss b/frontend/src/app/ui/description/listing/filtering/description-filter.component.scss
index 69401730e..6fc9b7456 100644
--- a/frontend/src/app/ui/description/listing/filtering/description-filter.component.scss
+++ b/frontend/src/app/ui/description/listing/filtering/description-filter.component.scss
@@ -4,7 +4,6 @@
 
 .category-title {
 	color: black;
-	// color: #089dbb;
 	margin-top: 8px;
 	margin-bottom: 12px;
 	text-transform: none;
@@ -28,7 +27,6 @@
 
 .filters-title {
 	width: 93px;
-	//   color: #089dbb;
 	color: var(--primary-color-2);
 	background-color: white;
 	padding: 0px 20px;
diff --git a/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss b/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
index 62c47e2af..142a0a433 100644
--- a/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
+++ b/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
@@ -51,7 +51,6 @@ h4 > span {
 
 .about-item .title {
   margin: 2px 10px;
-  //   text-transform: uppercase;
 }
 
 .about-item p {
@@ -80,7 +79,6 @@ p {
 .plan-card,
 .description-card {
 	min-width: 712px;
-	/* min-height: 308px; */
 	background: #ffffff 0% 0% no-repeat padding-box;
 	box-shadow: 0px 3px 6px #0000001a;
 	border-radius: 4px;
@@ -140,7 +138,6 @@ input[type="text"] {
 	text-align: left;
 	font-weight: 600;
 	font-size: 1rem;
-	// opacity: 0.81;
 	padding-top: 0.75rem;
 	padding-bottom: 0.55rem;
 	color: #212121;
@@ -161,7 +158,6 @@ input[type="text"] {
 	text-align: left;
 	font-weight: 600;
 	font-size: 1rem;
-	// opacity: 0.81;
 	padding-top: 0.75rem;
 	padding-bottom: 0.55rem;
 	color: #f16868;
@@ -170,8 +166,6 @@ input[type="text"] {
 .icon-align {
 	display: inline-flex;
 	vertical-align: middle;
-	// line-height: .9em;
-	// padding-bottom: 0.4rem;
 }
 
 .plan-subtitle,
diff --git a/frontend/src/app/ui/description/overview/description-overview.component.scss b/frontend/src/app/ui/description/overview/description-overview.component.scss
index 33d60de1d..606d710aa 100644
--- a/frontend/src/app/ui/description/overview/description-overview.component.scss
+++ b/frontend/src/app/ui/description/overview/description-overview.component.scss
@@ -44,7 +44,6 @@
 // ********BUTTONS********
 
 .version-btn {
-  // width: 6.7em;
   height: 1.8em;
   border: 1px solid #707070;
   border-radius: 4px;
@@ -72,7 +71,6 @@
 .plan-btn,
 .plan-btn > mat-icon {
   color: #ffffff;
-  //   opacity: 0.8;
 }
 
 .show-more-btn {
@@ -90,8 +88,6 @@
 }
 
 .finalize-btn {
-  //   border: 1px solid var(--secondary-color);
-  //background: #f5db71;
 }
 
 .frame-btn,
@@ -247,8 +243,6 @@
 
 .hr-line {
   border: 1px solid #dbdbdb;
-  // width: 274px;
-  // width: 17em;
   width: 100%;
 }
 
@@ -256,7 +250,6 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  //width: 100%;
 }
 
 .authors-label {
@@ -272,7 +265,6 @@
 .authors-role {
   font-size: 0.875em;
   color: #a8a8a8;
-  // height: 1.4em;
   margin-bottom: 0px;
 }
 
diff --git a/frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss b/frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
index 30c49c679..e74c24c89 100644
--- a/frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
+++ b/frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
@@ -14,7 +14,6 @@
 
 .close-icon {
 	cursor: pointer;
-	// margin-right: 20px;
 	padding: .4rem;
 	width: auto !important;
 	height: auto !important;
@@ -101,10 +100,7 @@ min-width: 101px;
 }
 
 ::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-outline {
-	// background: #fafafa !important;
 }
 
 ::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/frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.html b/frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.html
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.ts b/frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.ts
deleted file mode 100644
index 9a3f37a45..000000000
--- a/frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { AuthService } from '@app/core/services/auth/auth.service';
-import { PlanInvitationService } from '@app/core/services/plan/plan-invitation.service';
-import { BaseComponent } from '@common/base/base.component';
-import { takeUntil } from 'rxjs/operators';
-
-@Component({
-	selector: 'app-plan-invitation-accepted-component',
-	templateUrl: 'plan-invitation-accepted.component.html',
-
-})
-export class InvitationAcceptedComponent extends BaseComponent implements OnInit {
-	constructor(
-		private planInvitationService: PlanInvitationService,
-		private route: ActivatedRoute,
-		private router: Router,
-		private authentication: AuthService,
-	) { super(); }
-
-	ngOnInit(): void {
-
-
-		this.route.params
-			.pipe(takeUntil(this._destroyed))
-			.subscribe(params => {
-				const id = params['id'];
-
-				if(this.isAuthenticated()){
-					this.planInvitationService.exchange(id)
-					.pipe(takeUntil(this._destroyed))
-					.subscribe(result => {
-						this.router.navigate(['plans/edit/' + result]);
-					});
-				}else{
-					this.router.navigate(['/login'], {queryParams:{returnUrl:'plans/invitation/'+id}});
-				}
-
-
-			});
-
-
-
-	}
-
-
-	public isAuthenticated(): boolean {
-		return this.authentication.currentAccountIsAuthenticated();
-	}
-}
diff --git a/frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss b/frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
index 3eb59c3ce..13cd0d659 100644
--- a/frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
+++ b/frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
@@ -9,7 +9,6 @@
 
 	.close-icon {
 		cursor: pointer;
-		// margin-right: 20px;
 		padding: .4rem;
 		width: auto !important;
 		height: auto !important;
@@ -128,7 +127,5 @@
 
 	:host ::ng-deep .invalid-email {
 		border: 1px solid red;
-		// animation: blink 1.4s infinite;
-		// animation-fill-mode: both;
 	}
 }
diff --git a/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss b/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
index 56c3ed07d..c345fc90e 100644
--- a/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
+++ b/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
@@ -36,10 +36,6 @@ h4 > span {
   flex-wrap: wrap;
 }
 
-// .about-item .length {
-//   color: rgb(70, 135, 240);
-// }
-
 .descriptions-counter {
   display: flex;
 }
@@ -80,7 +76,6 @@ p {
 .published-icon {
   padding-top: 1px;
   color: #08bd63;
-  // color: #92d050;
 }
 
 .description {
@@ -162,7 +157,6 @@ input[type="text"] {
 	text-align: left;
 	font-weight: 600;
 	font-size: 1rem;
-	// opacity: 0.81;
 	padding-top: 0.75rem;
 	padding-bottom: 0.55rem;
 	color: #212121;
@@ -185,7 +179,6 @@ input[type="text"] {
 	text-align: left;
 	font-weight: 600;
 	font-size: 1rem;
-	// opacity: 0.81;
 	padding-top: 0.75rem;
 	padding-bottom: 0.55rem;
 	color: #f16868;
diff --git a/frontend/src/app/ui/plan/listing/plan-listing.component.scss b/frontend/src/app/ui/plan/listing/plan-listing.component.scss
index 3394f8004..4332f4966 100644
--- a/frontend/src/app/ui/plan/listing/plan-listing.component.scss
+++ b/frontend/src/app/ui/plan/listing/plan-listing.component.scss
@@ -97,9 +97,7 @@
   background: #ffffff 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 6px #00000029;
   border-radius: 4px;
-  //   width: 987px;
   margin-bottom: 3.75rem;
-  /* height: 407px; */
   opacity: 1;
 }
 
@@ -109,7 +107,6 @@
   letter-spacing: 0px;
   color: #212121;
   padding-left: 40px;
-  /* padding-top: 40px; */
   padding-right: 55px;
   opacity: 1;
 }
@@ -121,7 +118,6 @@
   color: #212121;
   padding-left: 40px;
   padding-top: 38px;
-//   padding-bottom: 36px;
   padding-right: 55px;
   opacity: 1;
 }
@@ -203,7 +199,6 @@
 }
 
 .search-form {
-  // font-size: 12px;
   text-align: left;
   width: 20rem;
 }
diff --git a/frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss b/frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
index 44f81f6c8..5f5056547 100644
--- a/frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
+++ b/frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
@@ -21,7 +21,6 @@
 
 .close-icon {
 	cursor: pointer;
-	// margin-right: 20px;
 	padding: .4rem;
 	width: auto !important;
 	height: auto !important;
diff --git a/frontend/src/app/ui/plan/new/upload-dialogue/plan-upload-dialog.component.scss b/frontend/src/app/ui/plan/new/upload-dialogue/plan-upload-dialog.component.scss
index 460b18314..880062b08 100644
--- a/frontend/src/app/ui/plan/new/upload-dialogue/plan-upload-dialog.component.scss
+++ b/frontend/src/app/ui/plan/new/upload-dialogue/plan-upload-dialog.component.scss
@@ -62,20 +62,6 @@ min-width: 101px;
 	color: #ffffff;
 }
 
-// .next-btn-disabled {
-// 	width: 100px;
-// 	height: 43px;
-// 	background: #ffffff 0% 0% no-repeat padding-box;
-// 	border: 1px solid #b5b5b5;
-// 	border-radius: 30px;
-// 	opacity: 1;
-// }
-
-// .next-btn:hover {
-// 	background: var(--primary-color);
-// 	color: #ffffff;
-// }
-
 .attach-btn {
 	top: -20px;
 }
diff --git a/frontend/src/app/ui/plan/overview/plan-overview.component.scss b/frontend/src/app/ui/plan/overview/plan-overview.component.scss
index 098b1508d..dd4820f7a 100644
--- a/frontend/src/app/ui/plan/overview/plan-overview.component.scss
+++ b/frontend/src/app/ui/plan/overview/plan-overview.component.scss
@@ -44,23 +44,19 @@
 }
 
 .description-btn {
-	// width: 36.1em;
 	padding: 0 1.1em;
 	background-color: var(--secondary-color);
 	border-radius: 4px;
 	justify-content: space-between;
 	color: #212121;
-	//   opacity: 0.8;
 }
 
 .description-finalized-btn {
-	// width: 36.1em;
 	padding: 0 1.1em;
 	background-color: #b2f772;
 	border-radius: 4px;
 	justify-content: space-between;
 	color: #212121;
-	//   opacity: 0.8;
 }
 
 .show-more-btn {
@@ -175,16 +171,11 @@
 }
 
 .desc-txt {
-	// width: 48.25em;
 	font-size: 1em;
 	color: #212121;
 	margin-bottom: 1.875em;
 }
 
-// .description {
-// 	width: fit-content;
-// }
-
 .description-btn-label {
 	margin-right: 1em;
 	overflow: hidden;
@@ -218,7 +209,6 @@
 }
 
 .doi-panel {
-	// height: 3.5em;
 	background: #fafafa;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
@@ -235,7 +225,6 @@
 	box-shadow: 0px 1px 5px #00000026;
 	border-radius: 4px;
 	overflow: hidden;
-	//min-width: 18.5em;
 }
 
 .frame-txt {
@@ -257,8 +246,6 @@
 
 .hr-line {
 	border: 1px solid #dbdbdb;
-	// width: 274px;
-	// width: 17em;
 	width: 100%;
 }
 
diff --git a/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss b/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
index 246566f42..9b1fb76df 100644
--- a/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
+++ b/frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
@@ -12,11 +12,6 @@
 		cursor: pointer;
 	}
 
-	.warn-text {
-		// color: #f44336;
-		
-	}
-
 	.cancel {
 		background-color: #aaaaaa;
 		color: #ffffff;
diff --git a/frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss b/frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
index 9ab525de2..45bf261df 100644
--- a/frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
+++ b/frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
@@ -1,9 +1,3 @@
-// ::ng-deep .mat-dialog-container {
-// 	overflow: hidden;
-// 	padding: 20px;
-// 	border-radius: 125px;
-// }
-
 .plan-delete-dialog {
 
 	padding: 24px;
@@ -18,11 +12,6 @@
 		cursor: pointer;
 	}
 
-	.warn-text {
-		// color: #f44336;
-		
-	}
-
 	.cancel {
 		background-color: #aaaaaa;
 		color: #ffffff;
diff --git a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
index faea73a01..8372f572c 100644
--- a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
+++ b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
@@ -14,8 +14,6 @@
 }
 
 .fixed-editor-header {
-    //   position: fixed;
-    //   width: calc(100% - 310px);
     z-index: 3;
     background-color: whitesmoke;
 }
@@ -76,7 +74,6 @@
 
 .plan-stepper {
     position: fixed;
-    //   height: 100%;
     display: flex;
     flex-direction: column;
     height: calc(100vh - 190px);
@@ -162,8 +159,6 @@ mat-icon.size-16 {
     padding-left: 1rem;
     margin-top: auto;
     margin-bottom: 0.5rem;
-    //   margin-top: 5rem;
-    //   flex-grow: 8;
 }
   
 .stepper-btn {
@@ -238,12 +233,7 @@ mat-icon.size-16 {
 }
 
 .form {
-    // position: relative;
-    // left: 362px;
-    // width: calc(100% - 366px);
-
     position: relative;
-    // left: 362px;
     width: calc(100% - 366px);
     overflow-y: auto;
     height: calc(100vh - 250px);
diff --git a/frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss b/frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
index 091af3c57..f7c7bf2b0 100644
--- a/frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
+++ b/frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
@@ -54,7 +54,6 @@
 
 .finalized-bookmark {
 	color: #08bd63;
-	//   color: #92d050;
 	display: inline;
 	padding: 0;
 }
diff --git a/frontend/src/app/ui/reference/reference-field/reference-field.component.scss b/frontend/src/app/ui/reference/reference-field/reference-field.component.scss
index 81f22ba8e..d761df787 100644
--- a/frontend/src/app/ui/reference/reference-field/reference-field.component.scss
+++ b/frontend/src/app/ui/reference/reference-field/reference-field.component.scss
@@ -2,14 +2,11 @@
 		text-decoration: underline;
 		color: var(--primary-color-3);
 		cursor: pointer;
-		// font-size: 1rem;
 		font-weight: 400;
 	}
 
 	.not-found {
-		// cursor: pointer;
 		color: #333;
-		// font-size: 1rem;
 		font-weight: 400;
 		padding: 0rem 0.5rem 0rem 0rem;
 	}
diff --git a/frontend/src/app/ui/sidebar/sidebar.component.scss b/frontend/src/app/ui/sidebar/sidebar.component.scss
index 0d54e5a52..abcce3812 100644
--- a/frontend/src/app/ui/sidebar/sidebar.component.scss
+++ b/frontend/src/app/ui/sidebar/sidebar.component.scss
@@ -9,7 +9,6 @@ $mat-card-header-size: 30px !default;
 }
 
 .nav-list-item {
-  //   margin-top: 20px;
 }
 
 .nav-list-item-hidden {
diff --git a/frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.scss b/frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.scss
index e56eb5f2b..17a2a3c58 100644
--- a/frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.scss
+++ b/frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.scss
@@ -1,18 +1,11 @@
 .supportive-material-editor {
-	//padding-top: 5em;
-	// padding-bottom: 2em;
-	// margin-top: 1em;
 
 	.material{
-		//width: 80px; 
-        //height: 80px; 
         float: left; 
         margin: 20px; 
 	}
 
 	.lang{
-		//width: 80px; 
-        //height: 80px; 
         float: right; 
         margin: 20px; 
 	}
diff --git a/frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss b/frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss
index e14027d67..059d9d08e 100644
--- a/frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss
+++ b/frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss
@@ -7,7 +7,6 @@
 }
 
 #userguide {
-	// margin: 20px;
 }
 
 .custom-header {
diff --git a/frontend/src/app/ui/user-profile/user-profile.component.html b/frontend/src/app/ui/user-profile/user-profile.component.html
index 9f2610d9e..ab903f00e 100644
--- a/frontend/src/app/ui/user-profile/user-profile.component.html
+++ b/frontend/src/app/ui/user-profile/user-profile.component.html
@@ -176,7 +176,6 @@
 								<div class="col language-form">
 
 									<mat-form-field class="w-100">
-										<!-- <mat-label>{{'USER-PROFILE.SETTINGS.LANGUAGE' | translate}}</mat-label> -->
 										<mat-select [formControl]="this.formGroup.get('additionalInfo').get('language')" name="language">
 											<mat-option *ngFor="let language of languages" [value]="language">
 												{{ "GENERAL.LANGUAGES."+ language | translate }}
diff --git a/frontend/src/app/ui/user-profile/user-profile.component.scss b/frontend/src/app/ui/user-profile/user-profile.component.scss
index 47a5880f1..4e72983f6 100644
--- a/frontend/src/app/ui/user-profile/user-profile.component.scss
+++ b/frontend/src/app/ui/user-profile/user-profile.component.scss
@@ -1,6 +1,5 @@
 .profile {
 	height: fit-content;
-	//margin-top: 80px;
 	min-height: 100vh;
 	background-color: #ffffff;
 }
@@ -91,7 +90,6 @@
 
 .remove-btn {
 	padding-top: .8rem;
-	// padding-bottom: 1.34375em;
 }
 
 .link-zenodo-btn {
@@ -160,16 +158,11 @@
 }
 
 .mail-text {
-	// cursor: pointer;
 	line-height: 2;
 	letter-spacing: 0.15px;
 	color: #212121;
 }
 
-// .mail-text:hover {
-// 	background-color: #f4f8f9;
-// }
-
 .check-icon {
 	color: var(--primary-color);
 	transform: scale(0.75);
diff --git a/frontend/src/common/forms/form-validation-errors-dialog/form-validation-errors-dialog.component.scss b/frontend/src/common/forms/form-validation-errors-dialog/form-validation-errors-dialog.component.scss
index e011c0939..c84403459 100644
--- a/frontend/src/common/forms/form-validation-errors-dialog/form-validation-errors-dialog.component.scss
+++ b/frontend/src/common/forms/form-validation-errors-dialog/form-validation-errors-dialog.component.scss
@@ -10,7 +10,6 @@
 
 .close-icon {
 	cursor: pointer;
-	// margin-right: 20px;
 	padding: .4rem;
 	width: auto !important;
 	height: auto !important;
diff --git a/frontend/src/common/modules/user-settings/user-settings-picker/user-settings-picker.component.html b/frontend/src/common/modules/user-settings/user-settings-picker/user-settings-picker.component.html
index 99e89ce76..e69de29bb 100644
--- a/frontend/src/common/modules/user-settings/user-settings-picker/user-settings-picker.component.html
+++ b/frontend/src/common/modules/user-settings/user-settings-picker/user-settings-picker.component.html
@@ -1,43 +0,0 @@
-<!-- <button mat-button [matMenuTriggerFor]="settingsMenu">
-
-
-	<ng-container *ngIf="currentUserSetting">
-		{{getSettingName(currentUserSetting)}}
-	</ng-container>
-
-	<ng-container *ngIf="!currentUserSetting">
-		({{'SETTINGS-PICKER.DRAFT-FILTERS' | translate}})
-	</ng-container>
-	<mat-icon iconPositionEnd>expand_more</mat-icon>
-</button>
-
-<mat-menu #settingsMenu="matMenu">
-	<button mat-menu-item mat-menu-item (click)="saveFilter()" *ngIf="!currentUserSetting">
-		<mat-icon>Save</mat-icon>
-		<span>
-			{{'COMMONS.LISTING-COMPONENT.FILTERS-SAVE-AS' | translate}}
-		</span>
-	</button>
-	<ng-container *ngIf="currentUserSetting">
-		<button mat-menu-item (click)="renameCurrentUserSetting()">
-			<mat-icon>Edit</mat-icon>
-			<span>
-				{{'SETTINGS-PICKER.RENAME' | translate}}
-			</span>
-		</button>
-		<button mat-menu-item (click)="settingDeleted()">
-			<mat-icon>delete</mat-icon>
-			<span>
-				{{'COMMONS.ACTIONS.DELETE' | translate}}
-			</span>
-		</button>
-	</ng-container>
-	<div class="pl-3 pr-3"><mat-divider/></div>
-	<ng-container *ngFor="let setting of availableUserSettings">
-		<ng-container *ngIf="!compareFn(setting, currentUserSetting)">
-			<button mat-menu-item (click)="settingSelected(setting)">
-				{{getSettingName(setting)}}
-			</button>
-		</ng-container>
-	</ng-container>
-</mat-menu> -->
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 29adc1e40..a3b8aefcc 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -272,9 +272,7 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
 
 .main-content {
 	background-color: #f5f5f5;
-	// padding-top: 5rem;
 	padding-bottom: 3rem;
-	// padding-left: 3.31rem;
 	padding-left: 1rem;
 	margin: 0;
 	display: flex;
@@ -321,7 +319,6 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
 	width: 100vw;
 	height: 100%;
 	animation: slide .3s forwards;
-	// animation-delay: .3s;
 
 	.mat-dialog-container {
 		border-radius: 0;
@@ -341,7 +338,6 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
 // CSS for <angular-editor> (@kolkov/angular-editor)
 .form-field-subscript-wrapper {
 	font-size: 75% !important;
-	//padding-left: 12px;
 	padding: 0 1em;
 	margin-top: 8px;
 }