From 271c16cf1587c27668e1b772f80ffe9248223806 Mon Sep 17 00:00:00 2001
From: chsakell <chsakell@gmail.com>
Date: Thu, 29 Sep 2016 17:02:04 +0300
Subject: [PATCH] display match details

---
 Views/Home/Index.cshtml      |  5 +++--
 app/home/home.component.html | 30 +++++++++++++++++++++++++++++-
 wwwroot/css/site.css         | 24 ++++++++++++++++++++++++
 3 files changed, 56 insertions(+), 3 deletions(-)
diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index ff82fd5..a737f03 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -25,8 +25,9 @@
     </script>
 </head>
 <body>
-    <my-app>Loading...</my-app>
-    
+    <div class="container">
+        <my-app>Loading...</my-app>
+    </div>
     <!--
     <script type="text/javascript">
     $(function () {
diff --git a/app/home/home.component.html b/app/home/home.component.html
index 4ec7f86..59bd86e 100644
--- a/app/home/home.component.html
+++ b/app/home/home.component.html
@@ -1 +1,29 @@
-<h1>Home!!!</h1>
\ No newline at end of file
+<div class="row">
+    <div class="col-xs-3" *ngFor="let match of matches">
+        <table class="table table-bordered box">
+            <thead>
+                <tr>
+                    <th>Team</th>
+                    <th>Score</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td><span class="teamName">{{match.host}}</span></td>
+                    <td><span class="teamScore"> {{match.hostScore}} </span></td>
+                </tr>
+                <tr>
+                    <td><span class="teamName"> {{match.guest}} </span></td>
+                    <td><span class="teamScore">{{match.guestScore}}</span></td>
+                </tr>
+                <tr>
+                    <td colspan="2">
+                        <button type="button" class="btn btn-default btn-lg btn-block">
+                            Subscribe
+                        </button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index e69de29..30f8db2 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -0,0 +1,24 @@
+body {
+    background-color: #333;
+}
+
+.box {
+    height: 50px;
+    background-color: whitesmoke;
+    margin:5px;
+    padding: 10px;
+    text-align: center;
+}
+
+.teamScore {
+    color:orange;
+    font-weight: bold;
+}
+
+.teamName {
+    color:#333;
+}
+
+th, td {
+    text-align: center;
+}
\ No newline at end of file
