argos/dmp-frontend/src/app/ui/explore-dataset/listing-item/explore-dataset-listing-item.component.html

<div class="listing-item">
	<a [routerLink]="['/datasets/publicEdit/' + dataset.id]">
		<div class="col">
			<div class="row">
				<div class="col-12 gray-container container-header">
					<p>{{ dataset.grantAbbreviation }}</p>
					<!-- <button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto"
						(click)="$event.stopImmediatePropagation();">
						<mat-icon class="more-horiz">more_horiz</mat-icon>
					</button> -->
				</div>
			</div>
			<div class="row">
				<div class="col-auto">
					<mat-icon *ngIf="!isDraft" matTooltip="{{'DATASET-PUBLIC-LISTING.TOOLTIP.FINALIZED' | translate}}" class="finalized-bookmark">bookmark</mat-icon>
				</div>
				<div class="col">
					<div class="row d-flex flex-wrap">
						<div class="col pl-0">
							<h4 class="title pl-0" *ngIf="!isDraft">{{ dataset.label }}</h4>
						</div>
					</div>
					<div class="row">
						<div class="col pl-0">
							<p class="mt-1 mb-2">{{dataset.description}}</p>
						</div>
					</div>
					<div class="row">
						<div class="col-auto about-item pl-0">
							<div class="row">
								<mat-icon matTooltip="{{'DATASET-PUBLIC-LISTING.TOOLTIP.DMP' | translate}}" class="col-auto gray-icon pr-0 pt-2">storage</mat-icon>
								<h4 class="col mt-2 ml-1 mr-3 p-1">{{ dataset.dmp }}</h4>
							</div>
						</div>
						<div class="col-auto about-item pl-0">
							<div class="row">
								<mat-icon matTooltip="{{'DATASET-PUBLIC-LISTING.TOOLTIP.GRANT' | translate}}" class="col-auto gray-icon pr-0 pt-2">work_outline</mat-icon>
								<h4 class="col mt-2 ml-1 mr-3 p-1">{{ dataset.grant }}</h4>
							</div>
						</div>
						<div class="col-auto about-item pl-0">
							<mat-icon matTooltip="{{'DATASET-PUBLIC-LISTING.TOOLTIP.TEMPLATES-INVOLVED' | translate}}" class="gray-icon pt-2">assignment</mat-icon>
							<div class="pt-1">
								<div matTooltip="{{ dataset.profile }}" class="chip ml-2 mr-2">{{ dataset.profile }}</div>
							</div>
						</div>
						<div class="col about-item ml-auto">
							<p>{{'DATASET-LISTING.COLUMNS.PUBLISHED' | translate}} {{dataset.dmpPublishedAt | date: "shortDate"}}</p>
						</div>
					</div>
				</div>
			</div>
			<!-- <div class="row">
				<div class="col-12 title">
					<mat-icon *ngIf="!isDraft" matTooltip="{{'DATASET-PUBLIC-LISTING.TOOLTIP.FINALIZED' | translate}}" class="finalized-bookmark">bookmark</mat-icon>
					<h4 *ngIf="!isDraft">{{ dataset.label }}</h4>
				</div>
			</div> -->

			<!-- <div class="info">
				<h6>{{ dataset.dmp }}</h6>
				<p>{{ dataset.grant }}</p>
			</div>
			<div class="row" style="margin-left: 0px !important">
				<div class="chip">
					<p>{{ dataset.profile }}</p>
				</div>
			</div> -->
		</div>
	</a>
</div>
<!-- <mat-divider *ngIf="showDivider"></mat-divider> -->