       stepsInfo = <small className='details'>({@props.item.steps.length} steps)</small>
 
     <div className='panel panel-default'>
-      <div className='panel-heading'>
+      <div className='panel-body' onClick={@onClick}>
         <Link to='task' id={id}><i className="fa fa-fw #{mainType}"></i> {title}</Link>
         {stepsInfo}
         <span className='pull-right'>

# @cjsx React.DOM

React = require 'react'
{Link} = require 'react-router'

AsyncState = require '../async-state'
API = require '../api'

        </span>
      </div>
    </div>

  onClick: ->
    {id} = @props.item
    transitionTo('task', {id})


Tasks = React.createClass
