Time

<div class='container' ng-app='app' ng-controller='timeController'>
  <div class="list-group">
    <div class="list-group-item">
      <div class='row text-center'>
        <p class="col-lg-4">task</p>
        <p class="col-lg-4">duration</p>
        <p class="col-lg-4">break</p>
      </div>
    </div>
    <div class="list-group-item" ng-repeat="task in tasks track by $index" ng-class="{'list-group-item-info': task == activeTask}">

<div class='row'>
        <div class="col-lg-4">
          <div class="input-group">
            <span class="input-group-addon">{{$index+1}}</span>
            <input ng-model='task.name' type="text" class="form-control text-center" aria-label="task">
          </div>
        </div>

<div class="col-lg-4">
          <div class="input-group">
            <div class="input-group-btn">
              <button class='btn btn-default' ng-click='alterBreak(task, -1)'><i class='fa fa-minus'></i></button>
            </div>           
            <input ng-model="task.break" type="number" min="0" class="form-control text-center" aria-label="break">
            <div class="input-group-btn">
              <button class='btn btn-default' ng-click='alterBreak(task, 1)'><i class='fa fa-plus'></i></button>
              <button class='btn btn-danger' ng-click='removeTask(task)' ng-disabled="$index === 0 && tasks.length === 1"> <i class='fa fa-times'></i></button>
            </div>
          </div>
        </div>
        
      </div>
    </div>
    
  <button class='btn btn-default fa fa-plus fa-x2 btn-block' ng-click='addTask()'></button>
    
  </div>  
  <div class='timer' ng-style="applyGradient()" ng-click='action()'>
    <div class='timer-inner'>{{clockTime(countdown())}}</div>
  </div>
</div>