changed shardview to table

web/vtctld2/src/app/dashboard/shardView/shardView.component.css

@@ -8,11 +8,11 @@ md-card-title {
   display: table;
 }
 .vt-tabletCard {
-  display: table-row;
+  /*display: table-row;
   margin-left: 2%;
   margin-bottom: 1%;
-  margin-top: 1%;
+  margin-top: 1%;*/
 }
 .vt-tablet-stat{
-  display: table-cell;
+  /*display: table-cell;*/
 }

web/vtctld2/src/app/dashboard/shardView/shardView.component.html

@@ -1,14 +1,20 @@
 <h1>SHARD VIEW</h1>
 
 <div class="vt-tablet-container">
-  <div *ngFor="let tablet of tablets" class="vt-tabletCard">
-    <a>
-      <md-card> 
-        <div class="vt-tablet-stat">{{getName(tablet.type)}}</div>
-        <div class="vt-tablet-stat">{{tablet.status}}</div>
-        <div class="vt-tablet-stat">{{tablet.stat}}</div>
-        <div class="vt-tablet-stat">{{tablet.stat2}}</div>   
-      </md-card>
-    </a>
-  </div>
+  <md-card class="vt-tabletCard"> 
+    <table>
+      <tr>
+        <th>Name</th>
+        <th>Status</th>
+        <th>Stat1</th>
+        <th>Stat2</th>
+      </tr>
+      <tr *ngFor="let tablet of tablets">
+        <td class="vt-tablet-stat">{{getName(tablet.type)}}</td>
+        <td class="vt-tablet-stat">{{tablet.status}}</td>
+        <td class="vt-tablet-stat">{{tablet.stat}}</td>
+        <td class="vt-tablet-stat">{{tablet.stat2}}</td>
+      </tr>
+    </table>
+  </md-card>
 </div>