From de829d2bccc33b4231c1c1349dd449a2dfb1f8c4 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 4 Jul 2022 22:10:38 +0300
Subject: [PATCH] Deposit: Make section from large to normal and fix full
 screen modal

---
 deposit/depositFirstPage.component.ts | 49 +++++++++++----------------
 1 file changed, 20 insertions(+), 29 deletions(-)

diff --git a/deposit/depositFirstPage.component.ts b/deposit/depositFirstPage.component.ts
index 71d2b912..3e449a62 100644
--- a/deposit/depositFirstPage.component.ts
+++ b/deposit/depositFirstPage.component.ts
@@ -21,7 +21,7 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
 					<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
 				</div>
 			</div>
-			<div class="uk-container uk-container-large uk-section uk-section-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
+			<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
 				<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
 					<div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
 						<div style="max-width: 600px;">
@@ -102,12 +102,12 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
 				</div>
 			</div>
 		</div>
-		<fs-modal #fsModal>
-			<div class="uk-height-viewport uk-padding uk-flex uk-flex-column uk-flex-middle uk-flex-center">
-				<div class="title uk-h2 uk-margin-large-bottom">
+		<fs-modal #fsModal classTitle="">
+			<div class="uk-height-1-1 uk-flex uk-flex-column uk-flex-middle">
+				<h2 class="uk-margin-large-bottom">
 					Find the appropriate repository.
-				</div>
-				<div class="cards uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;">
+				</h2>
+				<div class="uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;">
 					<div>
 						<div class="uk-card uk-card-default uk-text-center" style="width: 360px;">
 							<div class="uk-card-body uk-text-small">
@@ -116,14 +116,11 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
 									Search and browse for <span class="uk-text-bold">OpenAIRE compliant repositories</span> registered in OpenDOAR and re3data.
 								</div>
 							</div>
-							<a routerLink="/participate/deposit/search" type="submit" (click)="closeFsModal()"
-								class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
-								<button class="uk-button uk-button-text">
-									<span class="uk-flex uk-flex-middle">
-										<span>OpenAIRE compliant repositories</span>
-									</span>
-								</button>
-							</a>
+							<div class="uk-card-footer uk-padding-small uk-tile-primary uk-flex uk-flex-center uk-light">
+								<a class="uk-button uk-button-text" routerLink="/participate/deposit/search" (click)="closeFsModal()">
+                  OpenAIRE compliant repositories
+								</a>
+							</div>
 						</div>
 					</div>
 					<div>
@@ -134,23 +131,17 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
 									Deposit your research in <span class="uk-text-bold">Zenodo repository</span>
 								</div>
 							</div>
-							<a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit" (click)="closeFsModal()"
-								routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl"
-								class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
-									<button class="uk-button uk-button-text">
-										<span class="uk-flex uk-flex-middle">
+							<div *ngIf="zenodoInformation.shareInZenodoUrl" class="uk-card-footer uk-padding-small uk-tile-primary uk-flex uk-flex-center uk-light">
+									<a class="uk-button uk-button-text" [routerLink]="zenodoInformation.shareInZenodoUrl" (click)="closeFsModal()">
 											Use related Zenodo communities
-										</span>
-									</button>
-							</a>
-							<a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" type="submit" href="{{zenodoInformation.url}}"
-								class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
-									<button class="uk-button uk-button-text">
-										<span class="uk-flex uk-flex-middle">
+									</a>
+							</div>
+							<div *ngIf="!zenodoInformation.shareInZenodoUrl"
+								class="uk-card-footer uk-padding-small uk-tile-primary uk-flex uk-flex-center uk-light">
+									<a class="uk-button uk-button-text" [href]="zenodoInformation.url" target="_blank">
 											Zenodo Repository
-										</span>
-									</button>
-							</a>
+									</a>
+							</div>
 						</div>
 					</div>
 				</div>