BETTERZON-43: Product List Component style adjustments

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;
 }

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)">
+<div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
-    {{product.name}}
-</p>
     <div *ngIf="showProductPicture">
-    Test
+        {{product.image_guid}}
+    </div>
+    <div>
+        {{product.name}}
+    </div>
+    <div>
+        567
+    </div>
 </div>

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)]);
     }
 
 }