From 125820fa6827e075b4d9e11edef3b59e6cfd75df Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 6 Dec 2022 15:18:11 +0200
Subject: [PATCH] minor tweaks for terminology page graph_element

---
 monitor/methodology/terminology.component.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/monitor/methodology/terminology.component.ts b/monitor/methodology/terminology.component.ts
index 40c4f746..dcdb5d45 100644
--- a/monitor/methodology/terminology.component.ts
+++ b/monitor/methodology/terminology.component.ts
@@ -80,17 +80,17 @@ declare var ResizeObserver;
 				</div>
 			</div>
 			<div *ngIf="divContents" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
-				<div id="graph_element" #graph_element class="uk-blur-background" uk-sticky="bottom: true"
+				<div id="graph_element" #graph_element_mobile class="uk-blur-background" uk-sticky="bottom: true"
 					[attr.offset]="graph_offset">
-					<div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom">
+					<div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom uk-text-xsmall">
 						<icon name="graph" customClass="text-graph"></icon>
 						<span class="uk-margin-small-left uk-text-meta">More information for </span>
 						<a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
 						<span class="uk-text-meta">.</span>
 					</div>
 				</div>
-				<div class="uk-margin-top">
-					<div class="uk-sticky uk-background-default" uk-sticky>
+				<div>
+					<div class="uk-sticky uk-background-default uk-padding uk-padding-remove-horizontal" uk-sticky>
 						<slider-tabs type="scrollable" position="horizontal">
 							<slider-tab tabId="entities_m" tabTitle="1. Entities"></slider-tab>
 							<slider-tab tabId="inherited-and-inferred-attributes_m"
@@ -99,7 +99,7 @@ declare var ResizeObserver;
 						</slider-tabs>
 					</div>
 				</div>
-				<div class="uk-margin-top uk-container uk-container-large uk-section uk-section-small uk-text-break">
+				<div class="uk-container uk-container-large uk-section uk-section-small uk-text-break">
 					<div id="entities_m" class="uk-margin-xlarge-bottom">
 						<helper [texts]="divContents['entities']"></helper>
 					</div>
@@ -122,6 +122,7 @@ export class TerminologyComponent implements OnInit, OnDestroy, AfterViewInit, A
   public graph_offset: number = 0;
   public graph_height: number = 0;
   @ViewChild("graph_element") graph_element;
+	@ViewChild("graph_element_mobile") graph_element_mobile;
   public contentSections: string[] = ['entities', 'inherited-and-inferred-attributes', 'constructed-attributes'];
   public activeSection: string;
   public properties = properties;