<div style="height: 200px; max-height: 200px; overflow-y: scroll;">
	<table class="table">
		<tbody>
			<tr ng-repeat="todo in ToDosMainCtrl.todos">
				<td>
					<a href="#/to-dos/{{todo.id}}" title="{{todo.description}}">
						{{todo.title | limitTo: 50}}...
					</a>
				</td>
				<td>
					<span ng-if="todo.due_date" ng-class="{'badge badge-danger': !ToDosMainCtrl._checkDueDate(todo.due_date)}">{{todo.due_date_formatted}}</span>
				</td>
				<td class="text-right">
					<i ng-if="todo.status_formatted == 'Pending'" class="ti ti-check-box" style="cursor: pointer;" title="Done" ng-click="ToDosMainCtrl._done(todo.id)"></i>
				</td>
			</tr>
		</tbody>
	</table>
	<p class="text-center" ng-show="ToDosMainCtrl.todos.length == 0">No records found</p>
</div>