From fc8ef8cc1f91060f3c59eb39cbf46ae61432f069 Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Fri, 23 Oct 2020 18:36:57 +0000
Subject: [PATCH] [Graph | Trunk]: Change numbers class on home

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59686 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/home/home.component.css  | 10 ----------
 src/app/home/home.component.html | 20 ++++++++++----------
 2 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index ddd006e..7adfcdb 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -51,16 +51,6 @@
     animation-duration: 1.5s;
 }
 
-.numbers .emphasis {
-    font-size: 41px;
-    font-weight: bold;
-}
-@media only screen and (max-width: 639px) {
-    .numbers .emphasis {
-        font-size: 27px !important;
-    }
-}
-
 .numbers-background {
     background: transparent url('assets/graph-assets/home/5.svg') repeat-x center bottom;
 }
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 5dd5588..8c69864 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -278,7 +278,7 @@
     </div>
   </div>
 </div>
-<div class="numbers">
+<div>
   <div class="uk-section">
     <div class="uk-padding-small">
       <h2 class="uk-text-center">
@@ -288,19 +288,19 @@
         <div class="uk-grid uk-child-width-1-3@m">
           <div *ngIf="fundersSize">
             <h3 class="uk-text-secondary">
-              <span class="uk-text-bold emphasis"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
+              <span class="uk-text-bold number"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
             </h3>
             <span class="uk-text-uppercase uk-text-large">Funders</span>
           </div>
           <div *ngIf="datasourcesSize">
             <h3 class="uk-text-secondary">
-              <span class="uk-text-bold emphasis"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
+              <span class="uk-text-bold number"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
             </h3>
             <span class="uk-text-uppercase uk-text-large">Content providers</span>
           </div>
           <div *ngIf="projectsSize">
             <h3 class="uk-text-secondary">
-              <span class="uk-text-bold emphasis"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
+              <span class="uk-text-bold number"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
             </h3>
             <span class="uk-text-uppercase uk-text-large">Projects</span>
           </div>
@@ -313,21 +313,21 @@
                  class="uk-margin-medium-bottom uk-flex uk-flex-center">
               <div>
                 <div *ngIf="publicationsSize">
-                  <div class="emphasis uk-margin-bottom">{{publicationsSize.count|number}} </div>
+                  <div class="number uk-text-bold uk-margin-bottom">{{publicationsSize.count|number}} </div>
                   <div class="uk-text-uppercase uk-flex uk-flex-middle">
                     <icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
                     <span>publications</span>
                   </div>
                 </div>
                 <div *ngIf="softwareSize" class="uk-visible@m">
-                  <div class="emphasis uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
+                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
                   <div class="uk-text-uppercase uk-flex uk-flex-middle">
                     <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
                     <span>software</span>
                   </div>
                 </div>
                 <div *ngIf="datasetsSize" class="uk-hidden@m">
-                  <div class="emphasis uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
+                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
                   <div class="uk-text-uppercase uk-flex uk-flex-middle">
                     <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
                     <span>research data</span>
@@ -339,21 +339,21 @@
                  class="uk-margin-medium-bottom uk-flex uk-flex-center">
               <div>
                 <div *ngIf="softwareSize" class="uk-hidden@m">
-                  <div class="emphasis uk-margin-bottom">{{softwareSize.count|number}} </div>
+                  <div class="number uk-text-bold uk-margin-bottom">{{softwareSize.count|number}} </div>
                   <div class="uk-text-uppercase uk-flex uk-flex-middle">
                     <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
                     <span>software</span>
                   </div>
                 </div>
                 <div *ngIf="datasetsSize" class="uk-visible@m">
-                  <div class="emphasis uk-margin-bottom">{{datasetsSize.count|number}} </div>
+                  <div class="number uk-text-bold uk-margin-bottom">{{datasetsSize.count|number}} </div>
                   <div class="uk-text-uppercase uk-flex uk-flex-middle">
                     <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
                     <span>research data</span>
                   </div>
                 </div>
                 <div *ngIf="otherSize">
-                  <div class="emphasis uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
+                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
                   <div class="uk-text-uppercase uk-flex uk-flex-middle">
                     <icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
                     <span class="uk-hidden@m">other research<br>products</span>