From 2dc5c7525b2ec582ce84c6074da7120dca40e688 Mon Sep 17 00:00:00 2001
From: mchouliara <mchouliara@cite.gr>
Date: Tue, 24 Sep 2024 16:10:05 +0300
Subject: [PATCH] description editor > ui change on header

---
 .../editor/description-editor.component.html     |  6 +++---
 .../editor/description-editor.component.scss     | 16 +++++++---------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app/ui/description/editor/description-editor.component.html b/frontend/src/app/ui/description/editor/description-editor.component.html
index de23fe349..f55e4476d 100644
--- a/frontend/src/app/ui/description/editor/description-editor.component.html
+++ b/frontend/src/app/ui/description/editor/description-editor.component.html
@@ -16,9 +16,9 @@
                                 }@else {
                                     <div class="description-title">{{'DESCRIPTION-EDITOR.TITLE-PREVIEW-DESCRIPTION' | translate}}</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 *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>
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 6f5b69968..fb644447a 100644
--- a/frontend/src/app/ui/description/editor/description-editor.component.scss
+++ b/frontend/src/app/ui/description/editor/description-editor.component.scss
@@ -151,21 +151,20 @@
     align-items: center;
   }
 
-
   .description-to-plan {
-    display: flex;
-    align-items: center;
-    padding: 0;
     text-align: left;
     font-size: 1rem;
     font-weight: 700;
-    color: var(--primary-color);
-    line-height: 25px;
+    background-color: var(--primary-color);
+    color: var(--primary-text);
+    border-radius: 6px;
+    padding: 0 0.4rem;
   }
 
   .plan-info {
-    padding-top: 0.75rem;
+    margin-top: 0.75rem;
   }
+  
 
   .plan-label {
     min-width: 67px;
@@ -187,11 +186,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    line-height: 25px;
   }
 
   .open-in-new-icon {
-    color: #434343;
+    color: #000000;
     opacity: 0.75;
   }
   .open-in-new-icon:hover {