From af9ad6c0bfea9e12fac3109380058641e0d6c09f Mon Sep 17 00:00:00 2001
From: enkodellc <keith@keithfimreite.com>
Date: Wed, 5 Jun 2019 00:04:13 -0700
Subject: [PATCH] Readme update, Table Styling

---
 README.md                                     | 20 ++++++--
 .../Pages/FetchData.razor                     |  2 +-
 .../wwwroot/css/site.css                      | 46 +++++++++++++++++++
 3 files changed, 63 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 449b0521f..8f1031f32 100644
--- a/README.md
+++ b/README.md
@@ -2,11 +2,16 @@
 
 Blazor Boilerplate / Starter Template with MatBlazor and IdentityServer
 
+[![GitHub Stars](https://img.shields.io/github/stars/enkodellc/blazorboilerplate.svg)](https://github.com/enkodellc/blazorboilerplate/stargazers)
+[![GitHub Issues](https://img.shields.io/github/issues/enkodellc/blazorboilerplate.svg)](https://github.com/enkodellc/blazorboilerplate/issues)
+[![Live Demo](https://img.shields.io/badge/demo-online-green.svg)](http://blazorboilerplate.com)
+[![MIT](https://img.shields.io/github/license/SamProf/MatBlazor.svg)](LICENSE)
+
 ## Goal
-To create a boilerplate code base using Blazor / MatBlazor that includes most of the basic functionality of a starter kit (AspnetBoilerplate) that is lean yet powerful for anyone to build off. Hopefully we can get some contributors to review and refine the code. 
+To create a boilerplate code base using Blazor / MatBlazor & .Net Core that includes most of the basic functionality of a starter kit (similar to AspnetBoilerplate) that is lean yet powerful for anyone to build off. A repository that is not controlled by a corporation but by a community.
 
-### Live demo
-[Blazor Boilerplate](http://blazorboilerplate.com) - Give a quick test. The initial release is fairly simple but take a look and contribute!
+# Live demo
+[Blazor Boilerplate](http://blazorboilerplate.com) - Kick the tires. The initial release is fairly simple but I am updating almost daily!
 
 ## Prerequisites
 
@@ -35,14 +40,21 @@ Complete all Blazor dependencies.
 We'd greatly appreciate any contribution you make. I am very open to updates and features, though most feature requests 
 will be depending on how much community support for it is.
 
+## Completed
+ 
+ - Basic Login / User Creation
+ - Admin Theme using Material Design / MatBlazor - Free to use.
+ - Log Files
+
 ## Road map
 
-- Add Database for better data storage.
+- Add SQL Database for better data storage.
 - Breadcrumbs.
 - Forgot Password Functionality.
 - Setting management UI.
 - User, role, permission and organization unit management UI.
 - Real time chat and notification system. Slack Communication clone?
+- Blog or other real world functionality.
 - Audit log report UI.
 
 ## License
diff --git a/src/BlazorBoilerplate.Client/Pages/FetchData.razor b/src/BlazorBoilerplate.Client/Pages/FetchData.razor
index f4c3d63f4..af0b65315 100644
--- a/src/BlazorBoilerplate.Client/Pages/FetchData.razor
+++ b/src/BlazorBoilerplate.Client/Pages/FetchData.razor
@@ -12,7 +12,7 @@
 }
 else
 {
-    <MatTable Items="@forecasts">
+    <MatTable Items="@forecasts" Class="mat-elevation-z5">
         <MatTableHeader>
             <th>Date</th>
             <th>Temp. (C)</th>
diff --git a/src/BlazorBoilerplate.Client/wwwroot/css/site.css b/src/BlazorBoilerplate.Client/wwwroot/css/site.css
index bf7e41e63..1c00f0345 100644
--- a/src/BlazorBoilerplate.Client/wwwroot/css/site.css
+++ b/src/BlazorBoilerplate.Client/wwwroot/css/site.css
@@ -251,6 +251,52 @@ hr {
 }
 
 
+/* MatTable */
+.mdc-table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    display: inline-block;
+    overflow-x: auto;
+    margin: 8px 0 32px;
+    max-width: 100%;
+    border: 1px solid #eee;
+    width: 100%
+
+}
+
+    .mdc-table th {
+        font-family: Roboto, sans-serif;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+        font-size: 18px;
+        line-height: 18px;
+        font-weight: bold;
+        letter-spacing: .04em;
+        text-decoration: inherit;
+        text-transform: inherit;
+        background-color: whitesmoke !important;
+        border-top: none;
+        color: #444;
+        text-align: left;
+        border: 1px solid #eee;
+        padding: 12px !important;
+    }
+
+    .mdc-table td {
+        border: 1px solid #eee;
+        padding: 12px 12px 12px 24px !important;
+        background-color:white;
+    }
+
+        .mdc-table td:first-child {
+            border-left: none;
+        }
+
+        .mdc-table td:last-child {
+            border-right: none;
+            width: 100%;
+        }
+
 /* Extra small devices (portrait phones, less than 576px) */
 @media (max-width: 575.98px) {