From d424479d2f266c69c3b6bbd1d4f27fa9e3982c9c Mon Sep 17 00:00:00 2001
From: Patrick Gebhardt <pjgebhardt@icloud.com>
Date: Tue, 16 Jun 2020 00:02:50 +0200
Subject: [PATCH] Add basic region values to result page

---
 frontend/src/app/containers/search/search.component.html | 9 ++++++---
 frontend/src/app/containers/search/search.component.scss | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/containers/search/search.component.html b/frontend/src/app/containers/search/search.component.html
index c1f8e36..7bd917d 100644
--- a/frontend/src/app/containers/search/search.component.html
+++ b/frontend/src/app/containers/search/search.component.html
@@ -2,9 +2,12 @@
 
 <mat-card *ngIf="results">
   <h2 matCardTitle>Suchergebnisse ({{results.length}}):</h2>
-  <ul>
-    <li *ngFor="let result of results">{{result.name}} ({{result.score}})</li>
-  </ul>
+  <mat-card *ngFor="let result of results" class="resultCard">
+    <h2 matCardTitle>{{result.name}} ({{result.score}})</h2>
+    <ul>
+      <li *ngFor="let score of result.scores">{{score.type}}: {{score.value}}</li>
+    </ul>
+  </mat-card>
 </mat-card>
 
 <div *ngIf="!results" class="spinner">
diff --git a/frontend/src/app/containers/search/search.component.scss b/frontend/src/app/containers/search/search.component.scss
index 56f5c03..69ebfab 100644
--- a/frontend/src/app/containers/search/search.component.scss
+++ b/frontend/src/app/containers/search/search.component.scss
@@ -8,6 +8,10 @@
   }
 }
 
+.resultCard {
+  margin-bottom: 0.5rem;
+}
+
 .spinner {
   flex: 1 1 auto;
   display: flex;