Click on the whole cell to open task

src/styles/_shots.sass

@@ -7,6 +7,9 @@
 		.table-cell
 			text-align: center
 
+			&.highlight .collapser
+				color: $color-primary-dark
+
 			&.shot-thumbnail
 				width: $shots-list-thumbnail-width
 
@@ -19,6 +22,10 @@
 				display: inline-block
 				padding: 5px
 
+			&:hover
+				span.collapser
+					color: $color-primary
+
 	.table-body
 		display: table-row-group
 
@@ -60,35 +67,62 @@
 
 		.table-cell
 			text-align: center
+			border-left: thin solid transparent
+			border-right: thin solid transparent
+
+			&.active
+				background-color: $color-background
+
+			&.highlight
+				background-color: $color-background-light
+
 			&.shot-name
 				padding: 0px 10px
 				text-align: left
+				position: relative
+				height: 100%
 				a
+					height: 100%
 					color: $color-text-dark-primary
 
 			&.task-type
 				max-width: 120px
+				position: relative
+				height: 100%
+				overflow: hidden
 
 				a
 					display: inline-block /* Each task in a new line */
-					border-radius: 50%
-					width: 16px
-					height: 16px
+
 					position: relative
 					top: 2px
-					+text-overflow-ellipsis
-					+status-background-color
+					height: 100%
+					width: 100%
 					transition: all 150ms ease-in-out
+					+status-background-color-before
+
+					&:before
+						display: block
+						content: ''
+						position: absolute
+						width: 16px
+						height: 16px
+						border-radius: 50%
+						border: 2px solid transparent
+						top: 50%
+						left: 50%
+						transform: translate(-50%, -50%)
 
 					&.active
 						opacity: 1
-						border-radius: 3px
+						border-radius: 2px
 						display: inline-block
 
 					&.task-add
 						width: auto
 						border-radius: initial
 						opacity: 0
+						vertical-align: middle
 
 				&:hover a.task-add
 					opacity: 1