From 662afe98276e1dc1551dd185277ff4c2511f51d0 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Thu, 28 Mar 2024 10:14:00 +0200
Subject: [PATCH] styling changes

*plans > doi provider
---
 .../dmp/overview/dmp-overview.component.html  | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
index 336fd9783..170f3f39e 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
@@ -106,32 +106,33 @@
 					</div>
 				</div>
 				<div class="col-md-4 col-lg-4 p-0">
-					<div *ngIf="!hasDoi(dmp)" class="row d-flex flex-column ml-0 mr-0 mb-3">
-						<div class="d-flex align-items-center doi-label">
-							<span class="mr-3">{{'DMP-OVERVIEW.DOI-PROVIDED' | translate}}: </span>
+					<ng-container *ngIf="!hasDoi(dmp)">
+						<div class="row ml-0 mr-0 mb-3">
+							<span class="col-auto pl-0">{{'DMP-OVERVIEW.DOI-PROVIDED' | translate}}: </span>
 							<ng-container *ngIf="selectedModel">
-								<mat-select class="max-width-80 select-repo" [placeholder]="selectedModel.repositoryId">
+								<mat-select class="select-repo col" [placeholder]="selectedModel.repositoryId">
 									<mat-option *ngFor="let entityDoi of dmp.entityDois" (click)="selectDoi(entityDoi)">
 										{{entityDoi.repositoryId}}
 									</mat-option>
 								</mat-select>
 							</ng-container>
 						</div>
-
-						<div *ngIf="dmp.entityDois && selectedModel" class="doi-panel">
-							<span class="ml-3 mr-3">{{selectedModel.doi}}</span>
-							<div class="d-flex justify-content-end ml-3">
-								<button (click)="copyDoi(selectedModel.doi)" mat-mini-fab class="mr-2 d-flex justify-content-center align-items-center" matTooltip="{{'DMP-OVERVIEW.ACTIONS.COPY' | translate}}" matTooltipPosition="above">
-									<mat-icon class="mat-mini-fab-icon">content_copy</mat-icon>
-								</button>
-								<button *ngIf="depositRepos?.length > 0" mat-mini-fab class="mr-2 d-flex justify-content-center align-items-center" matTooltip="{{'DMP-OVERVIEW.ACTIONS.VISIT-WEBSITE' | translate}}" matTooltipPosition="above">
-									<a [href]="createDoiLink(selectedModel)" class="doi-link" target="_blank">
-										<mat-icon class="mat-mini-fab-icon">launch</mat-icon>
-									</a>
-								</button>
+						<div class="row d-flex flex-column ml-0 mr-0 mb-3">
+							<div *ngIf="dmp.entityDois && selectedModel" class="doi-panel">
+								<span class="ml-3 mr-3">{{selectedModel.doi}}</span>
+								<div class="d-flex justify-content-end ml-3">
+									<button (click)="copyDoi(selectedModel.doi)" mat-mini-fab class="mr-2 d-flex justify-content-center align-items-center" matTooltip="{{'DMP-OVERVIEW.ACTIONS.COPY' | translate}}" matTooltipPosition="above">
+										<mat-icon class="mat-mini-fab-icon">content_copy</mat-icon>
+									</button>
+									<button *ngIf="depositRepos?.length > 0" mat-mini-fab class="mr-2 d-flex justify-content-center align-items-center" matTooltip="{{'DMP-OVERVIEW.ACTIONS.VISIT-WEBSITE' | translate}}" matTooltipPosition="above">
+										<a [href]="createDoiLink(selectedModel)" class="doi-link" target="_blank">
+											<mat-icon class="mat-mini-fab-icon">launch</mat-icon>
+										</a>
+									</button>
+								</div>
 							</div>
 						</div>
-					</div>
+					</ng-container>
 					<div class="frame mb-3 pt-4 pl-3 pr-5 pb-1" *ngIf="isAuthenticated()">
 						<div *ngIf="isDraftDmp() && canFinalizeDmp() && !isLocked">
 							<div class="row ml-0 mr-0 pl-4 d-flex align-items-center" (click)="finalize(dmp)">