Nicer task list

src/templates/attract/tasks/for_project.jade

@@ -12,12 +12,12 @@
 				.col-md-4
 					p hey, here's  a column too!
 				.col-md-4
-					ul
+					.list-group#task-list
 						| {% for task in tasks %}
-						li
-							a(href="javascript:open_task('{{ task._id }}');") {{ task.name }}
+						a.list-group-item(id="task-{{task._id}}",href="javascript:open_task('{{ task._id }}');") {{ task.name }}
 						| {% endfor %}
 				.col-md-4
+					.well
 						#task-details
 | {% endblock %}
 | {% block footer_scripts %}
@@ -31,6 +31,9 @@ script.
 			return;
 		}
 		
+		$('#task-list').find('a').removeClass('active');
+		$('#task-' + task_id).addClass('active');
+		
 		var base_url = "{{ url_for('attract.tasks.view_embed_task', project_url=project.url, task_id='TASKID') }}";
 		var task_url = base_url.replace("TASKID", task_id);