From e4e2c0aeba3dde47f992618d51d71b8f2415bc68 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 17 May 2022 11:40:21 +0300
Subject: [PATCH] make graph-section image more responsive

---
 explore/src/app/home/home.component.css  | 4 ----
 explore/src/app/home/home.component.html | 7 ++++---
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/explore/src/app/home/home.component.css b/explore/src/app/home/home.component.css
index 434a04b5..0419f10e 100644
--- a/explore/src/app/home/home.component.css
+++ b/explore/src/app/home/home.component.css
@@ -1,10 +1,6 @@
 .home-background {
   background-color: var(--light-color);
 }
-.graph-background {
-	background-image: url('~src/assets/explore-assets/home/graph.svg');
-	background-repeat: no-repeat;
-}
 .link-actions img {
 	width: 17px;
 }
diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html
index 98233851..9a7be4bc 100644
--- a/explore/src/app/home/home.component.html
+++ b/explore/src/app/home/home.component.html
@@ -208,7 +208,7 @@
           <div class="uk-flex uk-flex-column">
             <div class="explore-dark-logo-background uk-inline uk-width-1-1" style="height: 50vh;">
               <div class="uk-position-center uk-height-1-1" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
-                <img class="uk-height-1-1" src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy">
+                <img class="uk-height-1-1" src="assets/explore-assets/home/landscape.png" alt="ipad" loading="lazy">
               </div>
             </div>
             <div class="uk-inline uk-width-expand">
@@ -233,7 +233,7 @@
 	</div> -->
 
 	<div class="uk-background-muted">
-		<div class="graph-background uk-background-top-right">
+		<div class="uk-position-relative">
 			<div class="uk-section uk-section-large">
 				<div class="uk-container uk-container-large">
 					<div class="uk-grid uk-child-width-1-2@m" uk-grid>
@@ -251,10 +251,11 @@
 					</div>
 				</div>
 			</div>
+			<img class="uk-visible@m uk-height-1-1 uk-position-top-right" src="assets/explore-assets/home/graph.svg" alt="ipad" loading="lazy">
 		</div>
 		<div class="uk-section uk-padding-remove-top">
 			<div class="uk-container uk-container-large">
-				<div class="uk-width-1-2@m uk-margin-auto uk-margin-medium-top uk-text-small">
+				<div class="uk-width-1-2@m uk-margin-auto uk-margin-small-top uk-text-small">
 					<div>
 						Within a constantly emerging scholarly communication environment, the OpenAIRE Research Graph is a moving target, continuously integrating new sources, new types or research objects, and embedding access measures. We therefore welcome the community to work with us to improve all its aspects: its <span class="uk-text-bold">coverage</span> (geographic and thematic), <span class="uk-text-bold">quality</span> (disambiguation and semantics) and <span class="uk-text-bold">access</span> (APIs).
 					</div>