From 26e40979b2ba7a3b9dda3ab41c125bba7bd99687 Mon Sep 17 00:00:00 2001
From: Edouard DUPIN <yui.heero@gmail.com>
Date: Thu, 9 Jan 2020 06:37:20 +0100
Subject: [PATCH] [DEV] update display of group component

---
 .../element-group.component.html              | 12 ++++++++-
 .../element-group.component.less              | 26 +++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/front/src/app/element-group/element-group.component.html b/front/src/app/element-group/element-group.component.html
index 34ede39..32309f2 100644
--- a/front/src/app/element-group/element-group.component.html
+++ b/front/src/app/element-group/element-group.component.html
@@ -1,3 +1,13 @@
 <div>
-	{{name}}
+	<div class="imgContainer">
+		<div *ngIf="imageSource">
+			<img src="{{imageSource}}" alt="type image" class="miniature"/>
+		</div>
+	</div>
+	<div class="title">
+		{{name}}
+	</div>
+	<div class="description" *ngIf="description">
+		{{description}}rt
+	</div>
 </div>
\ No newline at end of file
diff --git a/front/src/app/element-group/element-group.component.less b/front/src/app/element-group/element-group.component.less
index e69de29..bee53f1 100644
--- a/front/src/app/element-group/element-group.component.less
+++ b/front/src/app/element-group/element-group.component.less
@@ -0,0 +1,26 @@
+
+.imgContainer {
+	text-align: center;
+	width: 100%;
+	height: 180px;
+}
+
+img.miniature {
+	width: 80px;
+	height: 120px;
+	//border-radius: 50%;
+}
+
+.title {
+	height: 60px;
+	font-size: 24px;
+	overflow:hidden;
+	vertical-align: middle;
+}
+
+.description {
+	height: 30px;
+	font-size: 12px;
+	overflow:hidden;
+	vertical-align: middle;
+}
\ No newline at end of file