From 940bb85bcd44313065456b93b1930c65ce9315c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20M=C3=BCller?= <patrick@mueller-patrick.tech>
Date: Thu, 3 Dec 2020 11:32:27 +0100
Subject: [PATCH] BETTERZON-43: Product List Component style adjustments

---
 .../app/product-list/product-list.component.css   |  3 +++
 .../app/product-list/product-list.component.html  | 15 ++++++++++-----
 .../app/product-list/product-list.component.ts    |  2 +-
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/Frontend/src/app/product-list/product-list.component.css b/Frontend/src/app/product-list/product-list.component.css
index 6ac9a30..da2e3cb 100644
--- a/Frontend/src/app/product-list/product-list.component.css
+++ b/Frontend/src/app/product-list/product-list.component.css
@@ -3,4 +3,7 @@
     border-color: dimgrey;
     border-radius: .5em;
     padding: .25em;
+    margin: auto;
+    margin-bottom: .5em;
+    max-width: 50em;
 }
diff --git a/Frontend/src/app/product-list/product-list.component.html b/Frontend/src/app/product-list/product-list.component.html
index 13fef09..122c424 100644
--- a/Frontend/src/app/product-list/product-list.component.html
+++ b/Frontend/src/app/product-list/product-list.component.html
@@ -1,7 +1,12 @@
 <meta charset="UTF-8">
-<p class="productItem"  *ngFor="let product of products" (click)="clickedProduct(product)">
-    {{product.name}}
-</p>
-<div *ngIf="showProductPicture">
-    Test
+<div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
+    <div *ngIf="showProductPicture">
+        {{product.image_guid}}
+    </div>
+    <div>
+        {{product.name}}
+    </div>
+    <div>
+        567
+    </div>
 </div>
diff --git a/Frontend/src/app/product-list/product-list.component.ts b/Frontend/src/app/product-list/product-list.component.ts
index 58e9100..0a0d91c 100644
--- a/Frontend/src/app/product-list/product-list.component.ts
+++ b/Frontend/src/app/product-list/product-list.component.ts
@@ -35,7 +35,7 @@ export class ProductListComponent implements OnInit {
     }
 
     clickedProduct(product: Product): void {
-        this.router.navigate([('/helloworld/' + product.product_id)]);
+        this.router.navigate([('/product/' + product.product_id)]);
     }
 
 }