Better highlighting of tasks, and fix when there are multiple tasks

src/styles/_shots.sass

@@ -93,11 +93,10 @@
 
 				a
 					display: inline-block /* Each task in a new line */
-
 					position: relative
 					top: 2px
 					height: 100%
-					width: 100%
+					padding: 0 15px
 					transition: all 150ms ease-in-out
 					+status-background-color-before
 
@@ -112,6 +111,7 @@
 						top: 50%
 						left: 50%
 						transform: translate(-50%, -50%)
+						transition: all 150ms ease-in-out
 
 					&.active
 						opacity: 1
@@ -123,13 +123,15 @@
 						border-radius: initial
 						opacity: 0
 						vertical-align: middle
+						padding: 5px
 
-				&:hover a.task-add
-					opacity: 1
+						&:hover
+							opacity: 1
 
-			&:hover
-				a
-					opacity: 1
+					&:hover
+						&:before
+							opacity: .8
+							transform: translate(-50%, -50%) scale(1.3)
 
 .attract-form span.shot_id
 	float: right