Wrap the zones list in a responsive table

This commit is contained in:
Kyle Johnson 2015-02-25 10:49:11 -05:00
parent 8af8ecb6f1
commit 54e6448337
1 changed files with 16 additions and 16 deletions

View File

@ -1,19 +1,19 @@
<table class="table-responsive">
<table class="table table-striped table-condensed">
<tr>
<th>Name</th>
<th>Type</th>
<th>Area</th>
<th>Delete</th>
</tr>
<tr ng-repeat="zone in zones">
<td><a ui-sref="zones.edit({zid:zone.Zone.Id})">{{ zone.Zone.Name }}</a></td>
<td>{{ zone.Zone.Type }}</td>
<td>{{ zone.Zone.Area }}</td>
<td><button type="button" class="btn btn-sm btn-danger">Delete</button></td>
</tr>
</table>
<div class="table-responsive">
<table class="table table-striped table-condensed">
<tr>
<th>Name</th>
<th>Type</th>
<th>Area</th>
<th>Delete</th>
</tr>
<tr ng-repeat="zone in zones">
<td><a ui-sref="zones.edit({zid:zone.Zone.Id})">{{ zone.Zone.Name }}</a></td>
<td>{{ zone.Zone.Type }}</td>
<td>{{ zone.Zone.Area }}</td>
<td><button type="button" class="btn btn-sm btn-danger">Delete</button></td>
</tr>
</table>
</div>
<div ui-view></div>