From 8b9af0edc2e85586c5574375a03ca37d1eaa93b4 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Tue, 13 Oct 2020 19:04:50 +0000
Subject: [PATCH] [Library | Trunk]: Change headings on library

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59575 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../claimProjectSearchForm.component.html     |   6 +-
 .../claimResultSearchForm.component.html      |   6 +-
 .../claimsByToken.component.html              |   2 +-
 claims/linking/linkingGeneric.component.html  |   4 +-
 .../selected/metadataPreview.component.html   |   4 +-
 connect/connectHelper.ts                      |   2 +-
 contact-us/contact-us.component.html          |  38 +++----
 deposit/depositFirstPage.component.ts         |   7 +-
 error/errorPage.component.ts                  |   8 +-
 landingPages/feedback/feedback.component.html |   4 +-
 .../result/resultLanding.component.html       |   8 +-
 .../advancedSearchForm.component.html         |   4 +-
 .../searchUtils/newSearchPage.component.html  |   5 +-
 .../searchUtils/quick-selections.component.ts |   4 +-
 .../searchUtils/searchFilter.component.html   |   2 +-
 .../searchPageTableView.component.html        |   2 +-
 .../searchUtils/tabResult.component.html      |   4 +-
 sharedComponents/bottom.component.html        |   8 +-
 utils/modal/selectModal.component.ts          | 106 +++++++++---------
 utils/rangeFilter/rangeFilter.component.html  |   2 +-
 .../result-preview.component.html             |   4 +-
 21 files changed, 111 insertions(+), 119 deletions(-)

diff --git a/claims/claim-utils/claimProjectSearchForm.component.html b/claims/claim-utils/claimProjectSearchForm.component.html
index 34072d4a..1196eb8f 100644
--- a/claims/claim-utils/claimProjectSearchForm.component.html
+++ b/claims/claim-utils/claimProjectSearchForm.component.html
@@ -69,7 +69,7 @@
       </div> -->
       <div *ngIf="countFilters()>0"  class="uk-grid uk-flex uk-flex-bottom">
         <div class="uk-grid">
-          <h5 class="uk-text-bold">Filters</h5>
+          <h6 class="uk-text-bold">Filters</h6>
           <a *ngIf="countFilters()>1"  (click)="clearFilters()"
              [class]="((openaireResultsStatus ==
                               errorCodes.LOADING)?'uk-disabled uk-link-muted':'')+'  portal-link '">
@@ -119,8 +119,8 @@
 
       <!--<ul class="uk-list">
         <li class="uk-open">
-          <h5 class="uk-margin-bottom-remove ">Active between
-          </h5>
+          <h6 class="uk-margin-bottom-remove ">Active between
+          </h6>
           <div aria-expanded="false">
             <div class="searchFilterBoxValues ">
               <form class="uk-inline">
diff --git a/claims/claim-utils/claimResultSearchForm.component.html b/claims/claim-utils/claimResultSearchForm.component.html
index b6bae769..08d7d3f8 100644
--- a/claims/claim-utils/claimResultSearchForm.component.html
+++ b/claims/claim-utils/claimResultSearchForm.component.html
@@ -91,7 +91,7 @@
       <div class="search-filters  uk-width-medium">
         <div *ngIf="countFilters()>0"  class="uk-grid uk-flex uk-flex-bottom">
           <div class="uk-grid">
-            <h5 class="uk-text-bold">Filters</h5>
+            <h6 class="uk-text-bold">Filters</h6>
             <a *ngIf="countFilters()>1"  (click)="clearFilters()"
                [class]="((openaireResultsStatus ==
                               errorCodes.LOADING)?'uk-disabled uk-link-muted':'')+'  portal-link '">
@@ -141,8 +141,8 @@
         <!-- Type filter-->
         <ul class="uk-list"    >
           <!--<li class="uk-open uk-margin-small-bottom">
-            <h5 class="uk-margin-bottom-remove ">Result Type (4)
-            </h5>
+            <h6 class="uk-margin-bottom-remove ">Result Type (4)
+            </h6>
             <div aria-expanded="false">
               <div class="searchFilterBoxValues ">
                 <div *ngFor="let type of openaireTypeValues" class="uk-animation-fade filterItem">
diff --git a/claims/claimsByToken/claimsByToken.component.html b/claims/claimsByToken/claimsByToken.component.html
index 86e0cabd..fad6e372 100644
--- a/claims/claimsByToken/claimsByToken.component.html
+++ b/claims/claimsByToken/claimsByToken.component.html
@@ -25,7 +25,7 @@
     </ul>
     <ul class="uk-switcher uk-margin"><!-- uk-switcher="connect: #tab-content"-->
       <li [class]="mode == 'pending' ? 'uk-active' : ''" (click)="mode='pending'">
-        <h2>Pending Claims</h2>
+        <h3>Pending Claims</h3>
         <!-- <div *ngIf=" pending_claims && pending_claims.length == 0" >
           <div class = "uk-alert uk-alert-primary " >No pending claims found.</div>
         </div> -->
diff --git a/claims/linking/linkingGeneric.component.html b/claims/linking/linkingGeneric.component.html
index b9760f12..a2d9b3f4 100644
--- a/claims/linking/linkingGeneric.component.html
+++ b/claims/linking/linkingGeneric.component.html
@@ -103,9 +103,9 @@
                     <div *ngIf="showOptions.show != 'claim'" class="uk-width-1-3" style="" >
                       <div id="basket" uk-sticky=" offset: 130; top:#basketStickTop; bottom: #basketStickBottom;"
                            style="z-index: 0">
-                      <div class="linksbasketheader uk-margin-bottom uk-text-bold uk-h5">
+                      <h6 class="linksbasketheader uk-margin-bottom uk-text-bold">
                         LINKS BASKET
-                      </div>
+                      </h6>
                       <div class="linksbasket uk-inline uk-width-1-1" style="">
                         <div *ngIf="inlineEntity == null">
                           <div class="linksbaskettitles  uk-padding-small uk-animation-toggle"
diff --git a/claims/linking/selected/metadataPreview.component.html b/claims/linking/selected/metadataPreview.component.html
index f94ae66a..f60b928a 100644
--- a/claims/linking/selected/metadataPreview.component.html
+++ b/claims/linking/selected/metadataPreview.component.html
@@ -15,9 +15,9 @@
           </span>
         </div>
         <div class="uk-width-expand">
-          <div class="uk-h5 uk-text-bold">
+          <h6 class="uk-text-bold">
             LINKING CONFIRMATION
-          </div>
+          </h6>
           Confirm that the links you provided are all correct
         </div>
         <claim-insert [results]="results" [sources]="sources" [inlineEntity]="inlineEntity"
diff --git a/connect/connectHelper.ts b/connect/connectHelper.ts
index 682cbd8d..343baabf 100644
--- a/connect/connectHelper.ts
+++ b/connect/connectHelper.ts
@@ -4,7 +4,7 @@ import {properties} from "../../../environments/environment";
 export class ConnectHelper {
 
   public static  getCommunityFromDomain(domain: string): string{
-    domain = "beta.ee.openaire.eu"; //for testing
+    //domain = "beta.covid-19.openaire.eu"; //for testing
     domain = domain.indexOf("//") != -1? domain.split("//")[1]:domain; //remove https:// prefix
     if (domain.indexOf('openaire.eu') === -1) {
       return null;
diff --git a/contact-us/contact-us.component.html b/contact-us/contact-us.component.html
index 0ba1469e..0cceb94d 100644
--- a/contact-us/contact-us.component.html
+++ b/contact-us/contact-us.component.html
@@ -1,4 +1,4 @@
-<h2 *ngIf="formTitle" class="uk-margin-auto uk-text-bold">{{formTitle}}</h2>
+<h3 *ngIf="formTitle" class="uk-margin-auto">{{formTitle}}</h3>
 <div *ngIf="errorMessage" class="uk-width-1-1 uk-alert uk-alert-danger uk-text-center"
      role="alert">{{errorMessage}}</div>
 <div class="uk-margin-top" uk-grid [formGroup]="contactForm">
@@ -6,54 +6,54 @@
         *Required fields
     </div>
     <div *ngIf="contactForm.get('name')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Name <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <input class="uk-input" type="text" placeholder="Your name" formControlName="name"
                [class.uk-form-danger]="contactForm.get('name').invalid && contactForm.get('name').touched">
     </div>
     <div *ngIf="contactForm.get('surname')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Surname <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <input class="uk-input" type="text" placeholder="Your surname" formControlName="surname"
                [class.uk-form-danger]="contactForm.get('surname').invalid && contactForm.get('surname').touched">
     </div>
     <div *ngIf="contactForm.get('email')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Email <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <input class="uk-input" type="text" placeholder="Preferably your work email" formControlName="email"
                [class.uk-form-danger]="contactForm.get('email').invalid && contactForm.get('email').touched">
     </div>
     <div *ngIf="contactForm.get('job')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Job Title <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <input class="uk-input" type="text" placeholder="Your job title" formControlName="job"
                [class.uk-form-danger]="contactForm.get('job').invalid && contactForm.get('job').touched">
     </div>
     <div *ngIf="contactForm.get('affiliation')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Affiliation <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <input class="uk-input" type="text" placeholder="Your affiliation" formControlName="affiliation"
                [class.uk-form-danger]="contactForm.get('affiliation').invalid && contactForm.get('affiliation').touched">
     </div>
     <div *ngIf="contactForm.get('community')" class="uk-width-1-2@s uk-margin-top">
         <div class="uk-width-1-1">
-            <h5 class="uk-text-bold uk-margin-small-bottom uk-text-nowrap">Research Community or Infrastructure <span class="uk-text-danger uk-text-bold">*</span></h5>
+            <h6 class="uk-text-bold uk-margin-small-bottom uk-text-nowrap">Research Community or Infrastructure <span class="uk-text-danger uk-text-bold">*</span></h6>
         </div>
         <input class="uk-input uk-width-1" type="text" placeholder="Your community name" formControlName="community"
                [class.uk-form-danger]="contactForm.get('community').invalid && contactForm.get('community').touched">
     </div>
     <div *ngIf="contactForm.get('organization')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">Organization <span class="uk-text-danger uk-text-bold">*</span></h5>
+        <h6 class="uk-text-bold uk-margin-small-bottom">Organization <span class="uk-text-danger uk-text-bold">*</span></h6>
         <input class="uk-input uk-width-1-1" type="text" placeholder="Your organization" formControlName="organization"
                [class.uk-form-danger]="contactForm.get('organization').invalid && contactForm.get('organization').touched">
     </div>
     <div *ngIf="contactForm.get('organizationType')" class="uk-width-1-2@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">Organization Type<span class="uk-text-danger uk-text-bold">*</span></h5>
+        <h6 class="uk-text-bold uk-margin-small-bottom">Organization Type<span class="uk-text-danger uk-text-bold">*</span></h6>
         <input type="text" class="uk-input uk-width-1-1" placeholder="Your Organization Type" formControlName="organizationType"
                [class.uk-form-danger]="contactForm.get('organizationType').invalid && contactForm.get('organizationType').touched"
                [matAutocomplete]="auto">
@@ -64,22 +64,22 @@
         </mat-autocomplete>
     </div>
     <div *ngIf="contactForm.get('subject')" class="uk-width-1-1@s uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">Subject<span class="uk-text-danger uk-text-bold">*</span></h5>
+        <h6 class="uk-text-bold uk-margin-small-bottom">Subject<span class="uk-text-danger uk-text-bold">*</span></h6>
         <input class="uk-input uk-width-1-1" type="text" placeholder="Your subject" formControlName="subject"
                [class.uk-form-danger]="contactForm.get('subject').invalid && contactForm.get('subject').touched">
     </div>
     <div *ngIf="contactForm.get('message')" class="uk-width-1-1 uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Message <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <textarea rows="4" class="uk-textarea" placeholder="Your message" formControlName="message"
                   [class.uk-form-danger]="contactForm.get('message').invalid && contactForm.get('message').touched">
         </textarea>
     </div>
     <div *ngIf="contactForm.get('description')" class="uk-width-1-1 uk-margin-top">
-        <h5 class="uk-text-bold uk-margin-small-bottom">
+        <h6 class="uk-text-bold uk-margin-small-bottom">
             Description <span class="uk-text-danger uk-text-bold">*</span>
-        </h5>
+        </h6>
         <textarea rows="4" class="uk-textarea" placeholder="Your description" formControlName="description"
                   [class.uk-form-danger]="contactForm.get('description').invalid && contactForm.get('description').touched">
         </textarea>
diff --git a/deposit/depositFirstPage.component.ts b/deposit/depositFirstPage.component.ts
index a8cee38b..46e86a92 100644
--- a/deposit/depositFirstPage.component.ts
+++ b/deposit/depositFirstPage.component.ts
@@ -12,16 +12,13 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
 @Component({
   selector: 'deposit-first-page',
   template: `
-   
-
     <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
       <div class="explorePanelBackground communityPanelBackground uk-padding-small">
         <div class="uk-align-center uk-container uk-container-large uk-margin-medium-top uk-margin-large-bottom">
           <breadcrumbs [breadcrumbs]="breadcrumbs" [light]="!!(this.communityId)"></breadcrumbs>
-          <div class="uk-h1 uk-width-1-2@m uk-width-1-1@s ">
+          <h1 class="uk-width-1-2@m uk-width-1-1@s ">
             <span class="uk-text-bold">Deposit</span> or <span class="uk-text-bold">publish</span> your research in <span class="uk-text-bold">Open Access</span>
-          </div>
-
+          </h1>
           <div class="uk-container uk-container-large uk-margin-medium-top">
             <div class="uk-grid-divider uk-grid" uk-grid>
               <div class="uk-width-1-2@m uk-width-1-1@s">
diff --git a/error/errorPage.component.ts b/error/errorPage.component.ts
index 08521448..df09cd7f 100644
--- a/error/errorPage.component.ts
+++ b/error/errorPage.component.ts
@@ -14,13 +14,13 @@ import {properties} from "../../../environments/environment";
       <div uk-grid class="uk-margin-small-top">
        <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">
-            <h2>
+            <h3>
                 Bad karma: we can't find that page!
-            </h2>
-            <h5 *ngIf="page_type" class="uk-margin-remove">
+            </h3>
+            <h6 *ngIf="page_type" class="uk-margin-remove">
               Not valid or missing {{page_type_name}} id. 
               <a *ngIf="page_type" routerLinkActive="router-link-active" [routerLink]="searchPage">Search </a>another {{page_type_name}}?
-            </h5>
+            </h6>
             <br>
             <p>
                 You asked for {{page}}, but despite our computers looking very hard, we could not find it. What happened ?
diff --git a/landingPages/feedback/feedback.component.html b/landingPages/feedback/feedback.component.html
index 349b0d9f..c9b5a65b 100644
--- a/landingPages/feedback/feedback.component.html
+++ b/landingPages/feedback/feedback.component.html
@@ -2,7 +2,7 @@
   <div class="portal-background-color uk-padding-small">
     <div class="uk-container">
       <span class="clickable" (click)="openBackModal()"><span uk-icon="chevron-left"></span> Back</span>
-      <h2 class="uk-margin-remove-top">Report issues in...</h2>
+      <h3 class="uk-margin-remove-top">Report issues in...</h3>
       <landing-header *ngIf="resultLandingInfo" [properties]="properties" [title]="title"
                       [subTitle]="resultLandingInfo.subtitle" [underCuration]="resultLandingInfo.underCurationMessage"
                       [entityType]="entityType" [types]="resultLandingInfo.types"
@@ -72,7 +72,7 @@
 <div *ngIf="sent" class="uk-position-relative">
   <div class="uk-position-top-center">
     <div class="feedback-sent uk-margin-small-top">
-      <h2>Thank you for your feedback</h2>
+      <h3>Thank you for your feedback</h3>
       <p>Your feedback is successfully received and it will soon be reviewed by our graph experts!</p>
       <span uk-icon="icon: check; ratio: 4"></span>
     </div>
diff --git a/landingPages/result/resultLanding.component.html b/landingPages/result/resultLanding.component.html
index 603207ab..c39facaa 100644
--- a/landingPages/result/resultLanding.component.html
+++ b/landingPages/result/resultLanding.component.html
@@ -267,7 +267,7 @@
                     <div
                         *ngIf="resultLandingInfo.supplementaryResearchResults && resultLandingInfo.supplementaryResearchResults.length > 0"
                         class="uk-margin-bottom">
-                      <h5>Supplementary Outcomes</h5>
+                      <h6>Supplementary Outcomes</h6>
                       <no-load-paging *ngIf="resultLandingInfo.supplementaryResearchResults.length > pageSize"
                                       [type]="'research outcomes'"
                                       (pageChange)="updateSupplementaryPage($event)"
@@ -289,7 +289,7 @@
                     </div>
                     <div
                         *ngIf="resultLandingInfo.supplementedByResearchResults && resultLandingInfo.supplementedByResearchResults.length > 0">
-                      <h5>Outcomes Supplemented by this {{getTypeName()}}</h5>
+                      <h6>Outcomes Supplemented by this {{getTypeName()}}</h6>
                       <no-load-paging *ngIf="resultLandingInfo.supplementedByResearchResults.length > pageSize"
                                       [type]="'research outcomes'"
                                       (pageChange)="updateSupplementedByPage($event)"
@@ -319,7 +319,7 @@
                     <div
                         *ngIf="resultLandingInfo.relatedResearchResults && resultLandingInfo.relatedResearchResults.length > 0"
                         class="uk-margin-bottom">
-                      <h5>Related research</h5>
+                      <h6>Related research</h6>
                       <no-load-paging *ngIf="resultLandingInfo.relatedResearchResults.length > pageSize"
                                       [type]="'research outcomes'"
                                       (pageChange)="updateRelatedPage($event)"
@@ -341,7 +341,7 @@
                     </div>
                     <div
                         *ngIf="resultLandingInfo.similarResearchResults && resultLandingInfo.similarResearchResults.length > 0">
-                      <h5>Similar Outcomes</h5>
+                      <h6>Similar Outcomes</h6>
                       <no-load-paging *ngIf="resultLandingInfo.similarResearchResults.length > pageSize"
                                       [type]="'research outcomes'"
                                       (pageChange)="updateSimilarPage($event)"
diff --git a/searchPages/searchUtils/advancedSearchForm.component.html b/searchPages/searchUtils/advancedSearchForm.component.html
index 8aa23ca9..23019ab0 100644
--- a/searchPages/searchUtils/advancedSearchForm.component.html
+++ b/searchPages/searchUtils/advancedSearchForm.component.html
@@ -4,12 +4,12 @@
      [routerLink]=simpleSearchLink style="z-index:1;"
      [class]="(isDisabled)?'uk-float-right uk-disabled uk-link-muted  portal-link   uk-margin-right ':'uk-float-right  portal-link   uk-margin-right '">Quick search
   </a>
-  <div class="uk-h5 uk-margin-small-bottom">
+  <h6 class="uk-margin-small-bottom">
     Advanced search in
     <entities-selection [simpleView]="false" [currentEntity]="entityType"
                         [properties]="properties" [customFilter]="customFilter" ></entities-selection>
 
-  </div>
+  </h6>
 </div>
 <form *ngIf="!simpleView"
       [class]="((isDisabled )?'uk-disabled ':'')
diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index df2da96a..81a8feab 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -85,9 +85,9 @@
     <div class="uk-grid uk-flex uk-flex-bottom">
 <!--      *ngIf="(selectedRangeFilters+selectedFilters + selectedTypesNum  > 0)
 || (filters.length > 0 && (results.length > 0 || disableForms))"-->
-      <h5 class="uk-text-bold">
+      <h6 class="uk-text-bold">
         Filters
-      </h5>
+      </h6>
       <a *ngIf="(selectedRangeFilters+selectedFilters + selectedTypesNum)>1" (click)="clearFilters()"
          [class]="((disableForms || disableRefineForms)?'uk-disabled uk-link-muted':'')+'  portal-link ' + 'uk-width-1-2'">
         Clear All
@@ -440,4 +440,3 @@
 </div>
 </div>
 <modal-alert #removeCustomFilter (alertOutput)="closeCustomFilterModal()"></modal-alert>
-<span class="loading-gif  uk-align-center" ></span>
diff --git a/searchPages/searchUtils/quick-selections.component.ts b/searchPages/searchUtils/quick-selections.component.ts
index 0ff75b04..4fb6e000 100644
--- a/searchPages/searchUtils/quick-selections.component.ts
+++ b/searchPages/searchUtils/quick-selections.component.ts
@@ -31,7 +31,7 @@ import {debounceTime} from "rxjs/operators";
           [class]="(isDisabled ? 'uk-disabled' : '') + ' uk-margin-small-bottom uk-list uk-list-divider'">
     <!--  <li   *ngIf="quickFilter" class="uk-margin-small-bottom ">
         <div class="uk-margin-small-top uk-padding-remove-left uk-margin-right ">
-          <h5 class="">{{quickFilter.value}}</h5>
+          <h6 class="">{{quickFilter.value}}</h6>
           <mat-slide-toggle
             class="uk-margin-small-left" formControlName="QFselected" (change)="quickFilterChanged()">
           </mat-slide-toggle>
@@ -40,7 +40,7 @@ import {debounceTime} from "rxjs/operators";
 <!--      {{showEntities}} - {{showPublications}} - {{showDatasets}} - {{showSoftware}} &#45;&#45; {{showOrp}}-->
       <li *ngIf="resultTypes && showEntities" class="uk-margin-small-bottom ng-star-inserted">
         <div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">
-          <h5 class="uk-margin-bottom-remove" title="Community">Research Type ({{(this.showPublications + this.showDatasets + this.showSoftware + this.showOrp)}})</h5>
+          <h6 class="uk-margin-bottom-remove" title="Community">Research Type ({{(this.showPublications + this.showDatasets + this.showSoftware + this.showOrp)}})</h6>
           <a *ngIf="selectedTypesNum>0" (click)="clearTypes()" class="portal-link">
             Clear
           </a>
diff --git a/searchPages/searchUtils/searchFilter.component.html b/searchPages/searchUtils/searchFilter.component.html
index bf199d1d..45c5cb44 100644
--- a/searchPages/searchUtils/searchFilter.component.html
+++ b/searchPages/searchUtils/searchFilter.component.html
@@ -1,6 +1,6 @@
 <div *ngIf= "filter.values.length >0" class="uk-margin-small-bottom">
   <div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">
-    <h5  class="uk-margin-bottom-remove" title = "{{filter.title}}">{{_formatTitle(filter.title,filter.values.length)}}</h5>
+    <h6  class="uk-margin-bottom-remove" title = "{{filter.title}}">{{_formatTitle(filter.title,filter.values.length)}}</h6>
     <a *ngIf="filter.countSelectedValues>0" (click)="clearFilter()"
        [class]="((isDisabled)?'uk-disabled':'') + ' portal-link '">
       Clear
diff --git a/searchPages/searchUtils/searchPageTableView.component.html b/searchPages/searchUtils/searchPageTableView.component.html
index 6efd96cc..c0530600 100644
--- a/searchPages/searchUtils/searchPageTableView.component.html
+++ b/searchPages/searchUtils/searchPageTableView.component.html
@@ -2,7 +2,7 @@
   <div *ngIf="filters.length > 0" class="  search-filters  ">
     <div   *ngIf="filters.length > 0">
       <div  class="uk-grid uk-flex uk-flex-bottom">
-        <h5 class="uk-text-bold">Filters</h5>
+        <h6 class="uk-text-bold">Filters</h6>
         <a *ngIf="countFilters()>1"  (click)="clearFilters()"
            [class]="((disableForms)?'uk-disabled uk-link-muted':'')+'  portal-link ' + 'uk-width-1-2'">
           Clear All
diff --git a/searchPages/searchUtils/tabResult.component.html b/searchPages/searchUtils/tabResult.component.html
index 99a425ac..cc95733f 100644
--- a/searchPages/searchUtils/tabResult.component.html
+++ b/searchPages/searchUtils/tabResult.component.html
@@ -14,7 +14,7 @@
             </span>
            </a>
        </div> -->
-       <h5  [title] = result.title.accessMode >
+       <h6 [title] = result.title.accessMode >
            <a *ngIf="!result.compatibilityUNKNOWN" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)" routerLinkActive="router-link-active" routerLink="/search/{{type}}">
              <p *ngIf="result['title'].name || result.acronym"><span *ngIf="result.acronym">{{result.acronym}}</span><span *ngIf="result.acronym && result['title'].name">-</span><span *ngIf="result['title'].name" [innerHTML]="result['title'].name"></span><span *ngIf="result.code"> ({{result.code}})</span></p>
              <p *ngIf="!result['title'].name && !result.acronym">[no title available]<span *ngIf="result.code"> ({{result.code}})</span></p>
@@ -26,7 +26,7 @@
            <p *ngIf="result.compatibilityUNKNOWN && !result['title'].name"
               title="Incompatible content provider" >[no title available]
            </p>
-       </h5>
+       </h6>
 
        <span *ngIf="result.types && result.types.length > 0" [class]="'uk-label custom-label label-blue label-'+result.entityType" title="Type">{{result.types.join(", ")}}</span>
        <span *ngIf="result.programmingLanguages && result.programmingLanguages.length > 0" class="uk-label custom-label  label-progrLanguage " title="Programming Language">{{result.programmingLanguages.join(", ")}}</span>
diff --git a/sharedComponents/bottom.component.html b/sharedComponents/bottom.component.html
index c2b60454..55508dd4 100644
--- a/sharedComponents/bottom.component.html
+++ b/sharedComponents/bottom.component.html
@@ -70,7 +70,7 @@
                <!--<div *ngIf="showSocialButtons" id="footer#6" class="newsletter uk-margin uk-margin-remove-bottom uk-text-left@s uk-text-center uk-panel">
 
                   <a target="_blank" href="https://www.openaire.eu/newsletter/listing" class="el-link newsletter">
-                    <h5 class="el-title uk-margin uk-h5">
+                    <h6 class="el-title uk-margin">
                       Newsletter
                       <span   class="el-image uk-icon">
                         <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
@@ -102,7 +102,7 @@
             </div>
             <div *ngIf="!showMenuItems" id="footer#9" class="uk-width-expand@s uk-visible@m">
                <div id="footer#10" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
-                  <h3 class="el-title uk-h6">Dashboards</h3>
+                  <h6 class="el-title uk-h6">Dashboards</h6>
                   <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
                      <li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'explore.openaire.eu'" target="_blank">Explore</a></li>
                      <li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'provide.openaire.eu'" target="_blank">Provide</a></li>
@@ -114,7 +114,7 @@
             </div>
             <div *ngIf="!showMenuItems" id="footer#11" class="uk-width-expand@s uk-visible@m">
                <div id="footer#12" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
-                  <h3 class="el-title uk-h6">Support</h3>
+                  <h6>Support</h6>
                   <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
 
                     <li><a target="_blank" href="https://www.openaire.eu/contact-noads">NOADs</a></li>
@@ -127,7 +127,7 @@
             </div>
             <div *ngIf="!showMenuItems" id="footer#13" class="uk-width-expand@s uk-visible@m">
                <div id="footer#14" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
-                  <h3 class="el-title uk-h6">Updates</h3>
+                  <h6>Updates</h6>
                   <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
                      <li><a target="_blank" href="https://www.openaire.eu/news/">News</a></li>
                      <li><a target="_blank" href="https://www.openaire.eu/events">Events</a></li>
diff --git a/utils/modal/selectModal.component.ts b/utils/modal/selectModal.component.ts
index 78330b76..571fe8a7 100644
--- a/utils/modal/selectModal.component.ts
+++ b/utils/modal/selectModal.component.ts
@@ -3,77 +3,73 @@ import {Component, ViewEncapsulation, ComponentRef, ElementRef, Input, EventEmit
 @Component({
   selector: 'modal-select',
   template: `
-  <div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'"   [open]="!isOpen"  uk-modal="center:true" tabindex="-1" role="dialog" >
-    <div class="uk-modal-dialog" role="">
-      <div class="modal-content">
+    <div [class]="(!isOpen)?'uk-modal ':'uk-modal uk-open uk-animation-fade'" [open]="!isOpen" uk-modal="center:true"
+         tabindex="-1" role="dialog">
+      <div class="uk-modal-dialog" role="">
+        <div class="modal-content">
 
-        <div class="modal-body">
-          <div >
-          <h3 class="text-center" >{{message}}</h3>
-          <!--div class="uk-button-default -select uk-active" data--select="">
-            <span class=""></span>
-            <i class="uk-icon-caret-down"></i>
-            <select (change)="selected=$event.target.value">
-                <option *ngFor="let option of options" value="option">aa</option>
-            </select>
-          </div-->
+          <div class="modal-body">
+            <div>
+              <h4 class="text-center">{{message}}</h4>
+              <div class="-select" data--select>
+                <span></span>
+                <select (change)="selected=$event.target.value">
+                  <option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option>
+                </select>
+              </div>
 
-          <div class="-select" data--select>
-            <span></span>
-            <select (change)="selected=$event.target.value">
-                <option *ngFor="let option of options let i=index" value="{{option}}">{{option}}</option>
-            </select>
-          </div>
+              <div class="uk-modal-footer uk-text-right">
+                <button class=" uk-button uk-button-default" (click)="close()">Proceed</button>
+              </div>
+            </div>
 
-          <div class="uk-modal-footer uk-text-right">
-            <button class=" uk-button uk-button-default" (click)="close()">Proceed</button>
           </div>
         </div>
-
       </div>
-    </div>
-  </div>
-  <!--div   class="uk-modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;">
-                            <div class="uk-modal-dialog" tabindex="">
-                                <div class="uk-modal-spinner"></div>
-                            </div>
-                        </div-->
+      <!--div   class="uk-modal uk-open" aria-hidden="false" style="display: block; overflow-y: scroll;">
+                                <div class="uk-modal-dialog" tabindex="">
+                                    <div class="uk-modal-spinner"></div>
+                                </div>
+                            </div-->
   `,
   encapsulation: ViewEncapsulation.None,
 })
 /**
-  * API to an open alert window.
-  */
-export class ModalSelect{
-
-@Input() public message:string ="Loading";
-@Input() public options:string[] = [];
-
-public selected: string;
-
+ * API to an open alert window.
+ */
+export class ModalSelect {
+  
+  @Input() public message: string = "Loading";
+  @Input() public options: string[] = [];
+  
+  public selected: string;
+  
   /**
-    * if the value is true alert will be visible or else it will be hidden.
-    */
-  public isOpen:boolean=false;
+   * if the value is true alert will be visible or else it will be hidden.
+   */
+  public isOpen: boolean = false;
   /**
-    * Emitted when a ok button was clicked
-    * or when Ok method is called.
-    */
-  @Output() public alertOutput:EventEmitter<any> = new EventEmitter();
-  constructor( public _elementRef: ElementRef){}
-  /**
-       * Opens a alert window creating backdrop.
-       */
-  open(){
-    this.isOpen= true;
+   * Emitted when a ok button was clicked
+   * or when Ok method is called.
+   */
+  @Output() public alertOutput: EventEmitter<any> = new EventEmitter();
+  
+  constructor(public _elementRef: ElementRef) {
   }
-
-  close(){
+  
+  /**
+   * Opens a alert window creating backdrop.
+   */
+  open() {
+    this.isOpen = true;
+  }
+  
+  close() {
     this.isOpen = false;
-    if(!this.selected) {
+    if (!this.selected) {
       this.selected = this.options[0];
     }
     this.alertOutput.emit(this.selected);
   }
-
+  
 }
diff --git a/utils/rangeFilter/rangeFilter.component.html b/utils/rangeFilter/rangeFilter.component.html
index f9a8d42a..2d244911 100644
--- a/utils/rangeFilter/rangeFilter.component.html
+++ b/utils/rangeFilter/rangeFilter.component.html
@@ -1,6 +1,6 @@
 <div class="uk-margin-small-bottom">
   <div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">
-    <h5  class="uk-margin-bottom-remove">{{_formatTitle(filter.title)}}</h5>
+    <h6  class="uk-margin-bottom-remove">{{_formatTitle(filter.title)}}</h6>
     <a *ngIf="filter.selectedFromValue || filter.selectedToValue" (click)="clearFilter()"
        [class]="(isDisabled ? 'uk-disabled' : '') + ' portal-link'">
       Clear
diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index 871a73a6..fa2f623b 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -21,7 +21,7 @@
     </div>
     <!-- Title -->
     <div class="uk-margin-small-bottom">
-      <h5 class="uk-margin-remove">
+      <h6 class="uk-margin-remove">
         <a *ngIf="result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
            (click)="onClick()" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)"
            [routerLink]="url" class="uk-link uk-width-expand">
@@ -52,7 +52,7 @@
           </div>
         </div>
         <hr *ngIf="result.websiteURL && promoteWebsiteURL">
-      </h5>
+      </h6>
     </div>
     <!-- Funder -->
     <div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom">