From f2a8eca3c4bc3f009da52da9dd4c73b26beec9ea Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 3 Jun 2022 12:45:14 +0300
Subject: [PATCH] Make some alignments in get-started page base on mocks

---
 .../get-started/get-started.component.html    | 68 ++++++++++---------
 src/app/openaireLibrary                       |  2 +-
 2 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/app/get-started/get-started.component.html b/src/app/get-started/get-started.component.html
index 5242217..c5aa9d9 100644
--- a/src/app/get-started/get-started.component.html
+++ b/src/app/get-started/get-started.component.html
@@ -5,37 +5,37 @@
 		</div>
 	</div>
 <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-padding-small uk-margin-small-top uk-text-center uk-flex uk-flex-middle uk-child-width-1-1 uk-flex-column">
-			<h1 class="uk-width-3-4@m" uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard <span class="uk-text-primary">.</span></h1>
-			<div class="uk-text-large uk-width-2-3@m" uk-scrollspy-class>
-				The OpenAIRE Monitor Dashboard is an <span class="uk-text-bold">open tracking platform</span> with all the tools you need
-				to understand and make insightful decisions — whether you are a <span class="uk-text-bold">funder</span>, a <span class="uk-text-bold">research institution</span>
-				or a <span class="uk-text-bold">community</span>,  and want to measure or increase uptake
-				of Open Science, understand your costs, gaps and strengths, or build a community around it.
-			</div>
+	<div class="uk-margin-small-top uk-text-center uk-flex uk-flex-middle uk-child-width-1-1 uk-flex-column">
+		<h1 class="uk-width-3-4@m" uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard <span class="uk-text-primary">.</span></h1>
+		<div class="uk-text-large uk-width-2-3@m" uk-scrollspy-class>
+			The OpenAIRE Monitor Dashboard is an <span class="uk-text-bold">open tracking platform</span> with all the tools you need
+			to understand and make insightful decisions — whether you are a <span class="uk-text-bold">funder</span>, a <span class="uk-text-bold">research institution</span>
+			or a <span class="uk-text-bold">community</span>,  and want to measure or increase uptake
+			of Open Science, understand your costs, gaps and strengths, or build a community around it.
 		</div>
 	</div>
-<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-margin-auto uk-width-1-1 uk-width-3-4@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
-		<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
-			<img class="uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
-			<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
-				<icon name="description" type="outlined" ratio="2" visuallyHidden="Provide some information"
-					customClass="uk-text-background"></icon>
-				<span class="uk-h5 uk-margin-remove uk-text-uppercase">Provide some <br> information</span>
+	<div class="uk-margin-xlarge-top" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
+		<div class="uk-margin-auto uk-width-1-1 uk-width-3-4@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
+			<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
+				<img class="uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
+				<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
+					<icon name="description" type="outlined" ratio="2" visuallyHidden="Provide some information"
+								customClass="uk-text-background"></icon>
+					<span class="uk-h5 uk-margin-remove uk-text-uppercase">Provide some <br> information</span>
+				</div>
 			</div>
-		</div>
-		<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
-			<img class="uk-visible@m" src="assets/monitor-assets/get-started/2.svg" alt="Step 2" loading="lazy">
-			<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
-				<icon name="email" type="outlined" ratio="2" visuallyHidden="Provide some information"
-					customClass="uk-text-background"></icon>
-				<span class="uk-h5 uk-margin-remove uk-margin-small-top uk-text-uppercase">We contact <br> you</span>
+			<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
+				<img class="uk-visible@m" src="assets/monitor-assets/get-started/2.svg" alt="Step 2" loading="lazy">
+				<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
+					<icon name="email" type="outlined" ratio="2" visuallyHidden="Provide some information"
+								customClass="uk-text-background"></icon>
+					<span class="uk-h5 uk-margin-remove uk-margin-small-top uk-text-uppercase">We contact <br> you</span>
+				</div>
 			</div>
 		</div>
 	</div>
 </div>
-<div class="uk-container uk-container-large uk-section">
+<div class="uk-container uk-container-large uk-section uk-section-large">
 	<div class="uk-padding-small">
 		<h2 class="uk-h1 uk-text-center">Provide some information<span class="uk-text-primary">.</span></h2>
 		<div class="uk-flex uk-flex-center uk-width-1-1">
@@ -48,18 +48,20 @@
 	</div>
 </div>
 <div class="uk-container uk-container-large uk-section">
-	<div class="uk-padding-small uk-grid uk-grid-medium" uk-grid>
+	<div class="uk-grid uk-grid-large uk-flex-middle" uk-grid>
 		<div class="uk-width-1-2@m uk-width-1-1">
-			<h2 class="uk-h1">Need more information? View details on the process<span class="uk-text-primary">.</span></h2>
-			<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
-        routerLinkActive="router-link-active" routerLink="/about/learn-how">
-					<span class="uk-flex uk-flex-middle">
-						<span>Learn More</span>
-					</span>
-        </a>
+			<div class="uk-padding-small">
+				<h2>Need more information?<br>View details on the process<span class="uk-text-primary">.</span></h2>
+				<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
+					 routerLinkActive="router-link-active" routerLink="/about/learn-how">
+				<span class="uk-flex uk-flex-middle">
+					<span>Learn More</span>
+				</span>
+				</a>
+			</div>
 		</div>
 		<div class="uk-width-expand uk-flex uk-flex-center">
-			<img src="../../assets/common-assets/monitor-assets/how/steps.svg" loading="lazy">
+			<img src="assets/common-assets/monitor-assets/how/steps.svg" loading="lazy">
 		</div>
 	</div>
 </div>
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index 23a3c8a..9542bd1 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 23a3c8a508f720dc155f30ce69bcfda72a200a19
+Subproject commit 9542bd1e329a5ce64feba5e2a39f56ba4a724a02