From 2c715bdb627a155306b641a0a9898888c19d66c6 Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 25 Jul 2019 10:43:08 +0000
Subject: [PATCH] [Library|Trunk]

LAnding pages:
	SEO - css changes :
		remove width-expand: not working for bots/no js)
		add margins where needed (mobile screen)



git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@56759 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../dataProvider/dataProvider.component.html  | 12 +++++-----
 landingPages/dataset/dataset.component.html   | 22 +++++++------------
 .../organization/organization.component.html  | 12 +++++-----
 landingPages/orp/orp.component.html           | 10 ++++-----
 landingPages/project/project.component.html   | 15 +++++++------
 .../publication/publication.component.html    |  8 +++----
 landingPages/software/software.component.html | 10 ++++-----
 7 files changed, 42 insertions(+), 47 deletions(-)

diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index b9d1b922..9d01aaea 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -1,5 +1,5 @@
-<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle"   >
-  <div uk-grid uk-grid>
+<div id="tm-main" class=" uk-section uk-padding-remove-top  uk-margin-small-top tm-middle"   >
+  <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
 
       <div class="uk-container datasource">
@@ -12,8 +12,8 @@
           class="loading-gif  uk-align-center"></span></div>
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
-        <div *ngIf="dataProviderInfo != null" uk-grid class="uk-grid-large">
-          <div class="uk-width-expand@m uk-width-1-1@s">
+        <div *ngIf="dataProviderInfo != null" class=" uk-grid">
+          <div class=" uk-width-2-3@m uk-width-1-1@s uk-margin-bottom">
             <!--h3 *ngIf="dataProviderInfo.title != null">
                 <a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"
                     href="{{dataProviderInfo.title['url']}}" target="_blank" class="custom-external">
@@ -277,10 +277,10 @@
             </div>
 
           </div>
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class=" uk-width-1-3@m uk-width-1-1@s">
             <div class="uk-card uk-card-default uk-padding-small">
               <div>
-                Share - Bookmark
+                <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>
                 <addThis></addThis>
               </div>
               <metrics [pageViews]="pageViews" shortView=true
diff --git a/landingPages/dataset/dataset.component.html b/landingPages/dataset/dataset.component.html
index 35dca4f4..e85dfbec 100644
--- a/landingPages/dataset/dataset.component.html
+++ b/landingPages/dataset/dataset.component.html
@@ -1,6 +1,6 @@
-<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle">
+<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle">
 
-  <div uk-grid uk-grid>
+  <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
       <div class="uk-container dataset">
         <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning  uk-margin-large-top"
@@ -12,10 +12,10 @@
           class="loading-gif  uk-align-center"></span></div>
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
-        <div *ngIf="datasetInfo != null" uk-grid>
+        <div *ngIf="datasetInfo != null" class="uk-grid">
 
 
-          <div class="uk-width-expand@m uk-width-1-1@s">
+          <div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom">
             <schema2jsonld *ngIf="datasetInfo.record" [data]=datasetInfo.record
                            [URL]="properties.baseLink+'/search/dataset?datasetId='+datasetId"></schema2jsonld>
             <showTitle [titleName]="datasetInfo.title"></showTitle>
@@ -206,7 +206,7 @@
 
           </div>
 
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class="uk-width-1-3@m uk-width-1-1@s">
             <div class="  uk-padding-small" *ngIf="isRouteAvailable('participate/direct-claim') ">
               <button class="   uk-button portal-button   uk-width-1-1 ">
               <span class="uk-icon">
@@ -265,18 +265,15 @@
                   </a></div>
                 </div>
               </div>
+            </div>
               <div>
                 <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>
                 <addThis></addThis>
 
               </div>
 
-              <div class="uk-width-large@m uk-width-1-1@s">
-                <div class="  uk-padding-small">
-                  <div>
-                    <div class="sideInfoTitle uk-margin-small-bottom">Share - Bookmark</div>
-                    <addThis></addThis>
-                  </div>
+
+
                   <altmetrics *ngIf="datasetInfo.identifiers && datasetInfo.identifiers.get('doi')"
                               id="{{datasetInfo.identifiers.get('doi')[0]}}" type="doi">
                   </altmetrics>
@@ -343,6 +340,3 @@
         <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
                 [texts]="pageContents['bottom']"></helper>
       </div>
-    </div>
-  </div>
-</div>
diff --git a/landingPages/organization/organization.component.html b/landingPages/organization/organization.component.html
index 4bbfe2fc..b2ef64d9 100644
--- a/landingPages/organization/organization.component.html
+++ b/landingPages/organization/organization.component.html
@@ -1,5 +1,5 @@
-<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle"   >
-  <div uk-grid uk-grid>
+<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle"   >
+  <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
 
       <div class="uk-container organization">
@@ -12,9 +12,9 @@
           class="loading-gif  uk-align-center"></span></div>
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
-        <div *ngIf="organizationInfo != null" uk-grid class="uk-grid-large">
+        <div *ngIf="organizationInfo != null"  class="uk-grid">
 
-          <div class="uk-width-expand@m uk-width-1-1@s">
+          <div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom">
             <schema2jsonld *ngIf="organizationInfo" [data]=organizationInfo
                            [URL]="properties.baseLink+'/search/organization?organizationId='+organizationId"
                            type="organization"></schema2jsonld>
@@ -125,10 +125,10 @@
             </ul>
           </div>
 
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class="uk-width-1-3@m uk-width-1-1@s">
             <div class="uk-card uk-card-default uk-padding-small">
               <div>
-                Share - Bookmark
+                <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>
                 <addThis></addThis>
               </div>
               <div
diff --git a/landingPages/orp/orp.component.html b/landingPages/orp/orp.component.html
index a367efae..09efeea1 100644
--- a/landingPages/orp/orp.component.html
+++ b/landingPages/orp/orp.component.html
@@ -1,5 +1,5 @@
-<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle">
-  <div uk-grid uk-grid>
+<div id="tm-main" class=" uk-section uk-padding-remove-top  uk-margin-small-top  tm-middle">
+  <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first">
       <div class="uk-container  orp">
         <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning  uk-margin-large-top"
@@ -11,8 +11,8 @@
           class="loading-gif  uk-align-center"></span></div>
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
-        <div *ngIf="orpInfo != null" uk-grid class="uk-grid-large">
-          <div class="uk-width-expand@m uk-width-1-1@s">
+        <div *ngIf="orpInfo != null"  class="uk-grid">
+          <div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom">
             <schema2jsonld *ngIf="orpInfo.record" [data]=orpInfo.record
                            [URL]="properties.baseLink+'/search/orp?orpId='+orpId"></schema2jsonld>
             <showTitle [titleName]="orpInfo.title"></showTitle>
@@ -171,7 +171,7 @@
             </ul>
           </div>
 
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class="uk-width-1-3@m uk-width-1-1@s">
             <div class="  uk-padding-small">
               <button *ngIf="isRouteAvailable('participate/direct-claim') "  class="   uk-button portal-button uk-width-1-1  ">
               <span class="uk-icon">
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index 8f494b8b..d6b6611d 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -1,4 +1,4 @@
-<div id="tm-main" class=" uk-section  uk-padding-remove-top tm-middle">
+<div id="tm-main" class=" uk-section  uk-padding-remove-top uk-margin-small-top tm-middle">
   <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
 
@@ -12,14 +12,14 @@
           class="loading-gif  uk-align-center"></span></div>
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
-        <div *ngIf="projectInfo != null" uk-grid class="uk-grid-large">
-          <div class="uk-width-expand@m uk-width-1-1@s">
+        <div *ngIf="projectInfo != null"  class="uk-grid">
+          <div class="uk-width-2-3@m uk-width-1-1@s  uk-margin-bottom">
             <schema2jsonld *ngIf="projectInfo" [data]=projectInfo
                            [URL]="properties.baseLink+'/search/project?projectId='+projectId"
                            type="project"></schema2jsonld>
             <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
             <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
-            <h2 class="projectIcon">
+            <h2 class="landingTitle uk-margin-remove-top">
               <!--span class="entityTitleIcon projectTitleIcon"></span-->
               <!-- <span *ngIf="projectInfo.specialClause39==true" class="sc39">{{projectName}}</span>
               <span *ngIf="projectInfo.specialClause39!=true">{{projectName}}</span> -->
@@ -38,7 +38,8 @@
                 *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && projectInfo.openAccessMandateDatasets != undefined && projectInfo.openAccessMandateDatasets"
                 class="uk-label custom-label label-openaccessmandate "
                 title="Open Access mandate for Publications and Research Data">
-                    Open Access mandate for Publications and Research Data
+                <span class="uk-visible@m">Open Access mandate for Publications and Research Data</span> <span
+                class="uk-hidden@m">Open Access mandate for ...</span>
               </span>{{" "}}
               <span
                 *ngIf="projectInfo.openAccessMandatePublications != undefined && projectInfo.openAccessMandatePublications && (projectInfo.openAccessMandateDatasets == undefined || !projectInfo.openAccessMandateDatasets)"
@@ -419,7 +420,7 @@
           </div>
 
 
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class="uk-width-1-3@m uk-width-1-1@s">
             <div class="uk-card uk-card-default uk-padding-small">
               <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-margin-small-bottom">
 
@@ -459,7 +460,7 @@
               </div>
 
               <div>
-                Share - Bookmark
+                <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>
                 <addThis></addThis>
               </div>
               <div class="uk-margin-medium-top uk-margin-medium-bottom  uk-margin-medium-top">
diff --git a/landingPages/publication/publication.component.html b/landingPages/publication/publication.component.html
index 593815eb..de00cd04 100644
--- a/landingPages/publication/publication.component.html
+++ b/landingPages/publication/publication.component.html
@@ -1,4 +1,4 @@
-<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle">
+<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle">
   <div uk-grid >
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
 
@@ -12,9 +12,9 @@
           class="loading-gif  uk-align-center"></span></div>
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
-        <div *ngIf="publicationInfo != null" uk-grid class="uk-grid-large">
+        <div *ngIf="publicationInfo != null"  class="uk-grid">
 
-          <div class="uk-width-expand@m uk-width-1-1@s">
+          <div class="uk-width-2-3@m uk-width-1-1@s  uk-margin-bottom">
             <schema2jsonld *ngIf="publicationInfo.record" [data]=publicationInfo.record
                            [URL]="properties.baseLink+'/search/publication?articleId='+articleId"></schema2jsonld>
             <showTitle [titleName]="publicationInfo.title"></showTitle>
@@ -435,7 +435,7 @@
 
           </div>
 
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class="uk-width-1-3@m uk-width-1-1@s">
             <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-padding-small">
               <button class="  uk-button portal-button   uk-width-1-1 ">
              <span class="uk-icon">
diff --git a/landingPages/software/software.component.html b/landingPages/software/software.component.html
index da16f49b..88e722be 100644
--- a/landingPages/software/software.component.html
+++ b/landingPages/software/software.component.html
@@ -1,5 +1,5 @@
-<div id="tm-main" class=" uk-section  uk-padding-remove-top tm-middle">
-  <div uk-grid uk-grid>
+<div id="tm-main" class=" uk-section  uk-padding-remove-top uk-margin-small-top tm-middle">
+  <div uk-grid>
     <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
 
       <div class="uk-container software">
@@ -14,9 +14,9 @@
         <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
                 [texts]="pageContents['top']"></helper>
 
-        <div *ngIf="softwareInfo != null" uk-grid class="uk-grid-large">
+        <div *ngIf="softwareInfo != null" class="uk-grid">
 
-          <div class="uk-width-expand@m uk-width-1-1@s">
+          <div class="uk-width-2-3@m uk-width-1-1@s uk-margin-bottom">
             <schema2jsonld *ngIf="softwareInfo.record" [data]=softwareInfo.record
                            [URL]="properties.baseLink+'/search/software?softwareId='+softwareId"></schema2jsonld>
             <showTitle [titleName]="softwareInfo.title"></showTitle>
@@ -203,7 +203,7 @@
 
           </div>
 
-          <div class="uk-width-large@m uk-width-1-1@s">
+          <div class="uk-width-1-3@m uk-width-1-1@s">
             <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-padding-small">
               <button class="   uk-button portal-button uk-width-1-1 ">
               <span class="uk-icon">