From 67ebf92ffb5b0c3d58d1b58ac6c9d399594f347a Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 12 Feb 2024 15:09:38 +0200
Subject: [PATCH] [master]: Home fix buttons to portals

---
 src/app/home/home.component.html | 26 +++++++++++++++++---------
 src/app/home/home.component.less | 19 +++++++++++--------
 src/app/openaireLibrary          |  2 +-
 3 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 1ef2528..d972645 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -77,8 +77,10 @@
                         <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
                             <h6 class="uk-margin-remove-top uk-width-expand">Research Performing Organisations Monitors</h6>
                             <div class="uk-flex uk-flex-right uk-margin-top organization">
-                                <a routerLink="/rpo"  class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
-                                    <icon name="north_east" [flex]="true"></icon>
+                                <a routerLink="/rpo">
+                                    <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
+                                        <icon name="north_east" [flex]="true"></icon>
+                                    </button>
                                 </a>
                             </div>
                         </div>
@@ -87,8 +89,10 @@
                         <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
                             <h6 class="uk-margin-remove-top uk-width-expand">Researchers monitors</h6>
                             <div class="uk-flex uk-flex-right researcher">
-                                <a routerLink="/researcher"  class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
-                                    <icon name="north_east" [flex]="true"></icon>
+                                <a routerLink="/researcher">
+                                    <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
+                                        <icon name="north_east" [flex]="true"></icon>
+                                    </button>
                                 </a>
                             </div>
                         </div>
@@ -97,8 +101,10 @@
                         <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
                             <h6 class="uk-margin-remove-top uk-width-expand">Research Funding Organisations Monitors</h6>
                             <div class="uk-flex uk-flex-right funder">
-                                <a routerLink="/rfo"  class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
-                                    <icon name="north_east" [flex]="true"></icon>
+                                <a routerLink="/rfo">
+                                    <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
+                                        <icon name="north_east" [flex]="true"></icon>
+                                    </button>
                                 </a>
                             </div>
                         </div>
@@ -107,8 +113,10 @@
                         <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small uk-height-1-1">
                             <h6 class="uk-margin-remove-top uk-width-expand">Repositories Monitors</h6>
                             <div class="uk-flex uk-flex-right datasource">
-                                <a routerLink="/repository"  class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
-                                    <icon name="north_east" [flex]="true"></icon>
+                                <a routerLink="/repository">
+                                    <button class="uk-icon-button uk-icon-button-small uk-button-primary uk-margin-left">
+                                        <icon name="north_east" [flex]="true"></icon>
+                                    </button>
                                 </a>
                             </div>
                         </div>
@@ -132,7 +140,7 @@
                     <div class="uk-card uk-card-default uk-flex uk-flex-column uk-padding-small">
                         <h6>Add to ORCID</h6>
                         <div class="uk-text-small uk-width-expand uk-padding-xsmall uk-padding-remove-horizontal uk-margin-medium-bottom">
-                            Sync and enhanced your ORCID record.
+                            Sync and enhance your ORCID record.
                         </div>
                         <div class="uk-flex uk-flex-right">
                             <a routerLink="/my-orcid-links" class="uk-link-reset uk-text-bolder uk-flex uk-flex-middle">
diff --git a/src/app/home/home.component.less b/src/app/home/home.component.less
index 6af7e34..bbe759e 100644
--- a/src/app/home/home.component.less
+++ b/src/app/home/home.component.less
@@ -1,5 +1,11 @@
 @import (reference) "~src/assets/extend-theme/less/_import-variables";
 
+@title-width: 350px;
+@dot-size: 45px;
+@card-border-radius: 14px;
+@curator-image-size: 80px;
+@curator-border-radius: 18px;
+
 .hero {
   background-image: url("~/src/assets/irish-assets/home/logo-shadow.png");
   background-position: center -100%;
@@ -31,21 +37,21 @@
 }
 
 .title {
-  width: 350px;
+  width: @title-width;
 
   &::after {
     content: '';
     background-image: url("~/src/assets/irish-assets/home/dot.svg");
     background-size: contain;
-    width: 45px;
-    height: 45px;
+    width: @dot-size;
+    height: @dot-size;
     display: inline-flex;
     transform: translateY(50%);
   }
 }
 
 .uk-card {
-  border-radius: 14px;
+  border-radius: @card-border-radius;
 }
 
 .country:not(:hover) .uk-button-primary {
@@ -73,16 +79,13 @@
   color: @global-inverse-color;
 }
 
-
-@curator-image-size: 80px;
-
 .curators {
 
   img {
     width: @curator-image-size;
     height: @curator-image-size;
     object-fit: cover;
-    border-radius: 18px;
+    border-radius: @curator-border-radius;
 
     &:nth-child(2) {
       transform: rotate(-10deg);
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index d2aa282..6e2cf28 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit d2aa28225a816fd2773f7a502b0f38272285ccc7
+Subproject commit 6e2cf28aeeefd724aa441ed337b269c892db9ca2