change for SDGs card details

explore/src/app/openaireLibrary

@@ -1 +1 @@
-Subproject commit b88c65a3430a3689770e40e1e6f34d8bb10b86c3
+Subproject commit f3af762dab9b3d489dd4f78c46f3537aff840efd

explore/src/app/sdg/sdg.component.css

@@ -7,10 +7,12 @@
   width: 18px;
 	margin-left: 10px;
 }
-.sdg-card {
+.sdg-card-text-color {
 	color: #F9F9F9 !important;
+}
+.sdg-card {
 	width: 265px;
-	height: 235px;
+	height: 255px;
 }
 .sdg-card img {
 	height: 40px;

explore/src/app/sdg/sdg.component.html

@@ -46,24 +46,22 @@
 			<div *ngFor="let sdg of displayedSdgs">
 				<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{f0: 'sdg', fv0: sdg.id}"
 					class="uk-link-reset">
-					<div class="uk-card uk-card-default uk-card-hover uk-padding-small" [class]="'sdg-card sdg-' + sdg.code">
+					<div class="uk-card uk-card-default uk-card-hover" [class]="'sdg-card sdg-' + sdg.code">
 						<div class="uk-height-1-1 uk-flex uk-flex-column uk-flex-between">
-							<div class="uk-flex uk-flex-middle">
-								<div class="uk-text-bold uk-h4 uk-margin-remove" style="color: inherit;">
+							<div class="uk-flex uk-flex-middle uk-padding-small uk-padding-remove-bottom">
+								<div class="uk-text-bold sdg-card-text-color uk-h4 uk-margin-remove">
 									{{sdg.code}}
 								</div>
-								<div class="uk-text-bold uk-text-uppercase uk-text-small uk-margin-small-left">
+								<div class="uk-text-bold sdg-card-text-color uk-text-uppercase uk-text-small uk-margin-small-left">
 									<span [innerHTML]="sdg.html"></span>
 								</div>
 							</div>
 							<div class="uk-text-center">
 								<img [src]="'../../assets/explore-assets/sdgs/g' + sdg.code + '.png'" alt="">
 							</div>
-							<div class="uk-text-center">
-								<div>
-									<span class="uk-text-large uk-text-bold uk-margin-small-bottom">{{sdg.number == null ? '0' : sdg.number | number}}</span>
-									<p class="uk-text-small uk-margin-remove">{{openaireEntities.RESULTS}}</p>
-								</div>
+							<div class="uk-text-center uk-padding-small uk-background-default" style="border-radius: 0 0 4px 4px;">
+								<span class="uk-text-large uk-text-bold uk-margin-small-bottom">{{sdg.number == null ? '0' : sdg.number | number}}</span>
+								<p class="uk-text-small uk-text-uppercase uk-margin-remove">{{openaireEntities.RESULTS}}</p>
 							</div>
 						</div>
 					</div>

explore/src/assets/openaire-theme

@@ -1 +1 @@
-Subproject commit e032e8ce0a597da6e447451e53ed7e6bdfed2323
+Subproject commit accd757bca96e58296a5ab4863bddae73e650aba