Renamed attract-form to attract-box, and added with-status class.

The with-status class enables the status-coloured thick border at the top.
The rename from 'form' to 'box' was made to allow non-form contents too.

src/styles/_shots.sass

@@ -113,10 +113,7 @@
 							opacity: .8
 							transform: translate(-50%, -50%) scale(1.3)
 
-.attract-form span.shot_id
+.attract-box
-	float: right
-
-.attract-form
 	.item-id
 		padding: 8px
 		margin-left: 10px

src/styles/_tasks.sass

@@ -1,10 +1,11 @@
-.attract-form
+.attract-box
 	margin: 10px
 	padding: 0 10px 10px
 	+container-box
 
-	border-top: thick solid $color-background-dark
+	&.with-status
-	@include status-color-property(border-top-color, '', 'dark')
+		border-top: thick solid $color-background-dark
+		@include status-color-property(border-top-color, '', 'dark')
 
 	.item-name
 		font-size: 1.6em

src/templates/attract/shots/view_shot_embed.jade

@@ -1,4 +1,4 @@
-.attract-form.shot(class="status-{{ shot.properties.status }}")
+.attract-box.shot.with-status(class="status-{{ shot.properties.status }}")
 	form#shot_form(onsubmit="return shot_save('{{shot._id}}', '{{ url_for('attract.shots.perproject.save', project_url=project['url'], shot_id=shot._id) }}')")
 		input(type='hidden',name='_etag',value='{{ shot._etag }}')
 		.input-transparent-group

src/templates/attract/tasks/view_task_embed.jade

@@ -1,4 +1,4 @@
-.attract-form.task(
+.attract-box.task.with-status(
 	class="status-{{ task.properties.status }}")
 	form#task_form(onsubmit="return task_save('{{task._id}}', '{{ url_for('attract.tasks.perproject.save', project_url=project['url'], task_id=task._id) }}')")
 		input(type='hidden',name='_etag',value='{{ task._etag }}')