<section id="page-sub-header">
  <h2 class="pull-left">Email Templates</h2>
  <a class="btn btn-primary pull-right" href="#/templates/add">Add new template</a>
</section>
<table class="table">
  <thead>
    <tr>
      <th scope="col" class="first">Name</th>
      <th scope="col">Author</th>
      <th scope="col">Note</th>
      <th scope="col">Actions</th>
    </tr>  
  </thead>
  <tbody>
    <tr ng-repeat="tmpl in data.templates">
      <td>{{tmpl.name}}</td>
      <td><a href="mailto:{{tmpl.email}}">{{tmpl.author}}</a></td>
      <td>{{tmpl.note}}</td>
      <td>
        <a href="#/templates/{{tmpl.id}}" class="edit-btn">
          <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
        </a>
        <a ng-click="delete(tmpl.id)" class="edit-btn">              
          <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
        </a>
      </td>
    </tr>
  </tbody>
</table>
<section id="page-sub-header">
  <h2 class="pull-left">Email Templates</h2>
  <a class="btn btn-primary pull-right" href="#/templates/add">Add new template</a>
</section>
<table class="table">
  <thead>
    <tr>
      <th scope="col" class="first">Name</th>
      <th scope="col">Author</th>
      <th scope="col">Note</th>
      <th scope="col">Actions</th>
    </tr>  
  </thead>
  <tbody>
    <tr ng-repeat="tmpl in data.templates">
      <td>{{tmpl.name}}</td>
      <td><a href="mailto:{{tmpl.email}}">{{tmpl.author}}</a></td>
      <td>{{tmpl.note}}</td>
      <td>
        <a href="#/templates/{{tmpl.id}}" class="edit-btn">
          <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
        </a>
        <a href="#/templates" ng-click="delete(tmpl.id)" class="edit-btn">              
          <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
        </a>
      </td>
    </tr>
  </tbody>
</table>
Add a href link for the delete icon. Otherwise the cursor will not become a hand.
Add a href link for the delete icon. Otherwise the cursor will not become a hand.
