From 398e61a36d4723ded2427e0d8140ea3d90bc7a87 Mon Sep 17 00:00:00 2001
From: "chris.watts90@outlook.com" <chris.watts90@outlook.com>
Date: Fri, 17 Mar 2017 22:37:59 +0000
Subject: [PATCH] set the Name/UserCount data fields to be vertically aligned.

add delete button/link to each group.
#30
---
 .../WindowsDataCenter/WindowsDataCenter/www/Admin.html      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/Admin.html b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/Admin.html
index fe7821f..f0cb12d 100644
--- a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/Admin.html
+++ b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/Admin.html
@@ -52,12 +52,14 @@
                 <tr>
                     <th>Name</th>
                     <th>User Count</th>
+                    <th></th>
                 </tr>
                 </thead>
                 <tbody data-bind="foreach: Groups">
                 <tr data-bind="click: $root.editGroupClick">
-                    <td data-bind="text: Name"></td>
-                    <td data-bind="text: UserCount"></td>
+                    <td class="valign" data-bind="text: Name"></td>
+                    <td class="valign" data-bind="text: UserCount"></td>
+                    <td><button class="btn btn-link" data-bind="enable: UserCount=='0', click: function(data, event){$root.deleteGroup(Id);}" type="button">Delete</button></td>
                 </tr>
                 </tbody>
             </table>