<div class="row listing-item" (click)="itemClicked()">
	<div class="col-12">
		<div class="row">
			<div class="col-12 gray-container container-header">
				<p>{{ dataset.grantAbbreviation }}</p>
			</div>
		</div>
		<div class="row">
			<div class="col-12 about-item">
				<mat-icon class="icon">bookmark</mat-icon>
				<h4 class="title">{{ dataset.label }}</h4>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<p class="mt-1 mb-2 desc">{{dataset.description}}</p>
			</div>
		</div>
		<div class="row">
			<div class="col-12 about-item">
				<div class="pt-1">
					<div matTooltip="{{ dataset.profile }}" class="chip ml-2 mr-2">{{ dataset.profile }}</div>
				</div>
			</div>
		</div>
		<hr>
		<div class="date">
			<p>{{'DATASET-LISTING.COLUMNS.PUBLISHED' | translate}} {{dataset.created | date: "shortDate"}}</p>
		</div>
	</div>
</div>
