From b044e5b637c7ac9c82b27ca5572a503161f0918a Mon Sep 17 00:00:00 2001
From: Fergal Moran <fergal.moran@gmail.com>
Date: Thu, 28 Sep 2017 16:54:21 +0100
Subject: [PATCH] Changed ul to table

---
 src/app/app.component.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 7325dfd..76effb0 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -5,11 +5,17 @@
     </h1>
     <div class="col-md-6">
         <h1>List of things</h1>
-        <ul class="list-unstyled">
-            <li *ngFor="let p of podcasts$ | async" (click)="onSelect(p)">
-                {{p.title}}
-            </li>
-        </ul>
+        <table class="table table-striped table-hover">
+            <thead>
+                <tr>
+                    <td>Id</td>
+                    <td>Title</td>
+            </thead>
+            <tr *ngFor="let p of podcasts$ | async" (click)="onSelect(p)" style="cursor: pointer;">
+                <td>{{p.id}}</td>
+                <td>{{p.title}}</td>
+            </tr>
+        </table>
     </div>
     <div class="col-md-6">
         <h1>Details are here</h1>