From 10a05fd8c5e9eae63444621c1de0b6365224ac15 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Wed, 8 May 2019 13:25:06 +0300
Subject: [PATCH] Fixed: chips overlapping bug on dmp listing

---
 .../dmp/listing/listing-item/dmp-listing-item.component.html  | 2 +-
 .../dmp/listing/listing-item/dmp-listing-item.component.scss  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
index 83b06c321..e4910718e 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
@@ -11,7 +11,7 @@
 			<mat-icon class="col-auto type-icon">storage</mat-icon>
 			<h4 class="col-auto m-2 p-1">{{dmp.associatedProfiles.length}}</h4>
 			<div class="row" *ngFor="let profile of dmp.associatedProfiles">
-				<div class="col-auto dmp-chip ml-2">{{profile.label}}</div>
+				<div class="col-auto dmp-chip ml-3 mr-5">{{profile.label}}</div>
 			</div>
 		</div>
 		<div class="row d-flex align-items-center my-1">
diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
index 524727a88..3982eaa82 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
@@ -35,4 +35,8 @@
 		width: auto;
 		height: auto;
 	}
+
+	.mr-5 {
+		margin-right: 2rem !important;
+	}
 }