Shot status indicator and other minor tweaks

src/styles/_shots.sass

@@ -1,4 +1,9 @@
 .table
+	.table-cell
+		&.shot-status
+			width: 5px
+			height: 100%
+			display: inline-block
 	.table-head
 		.table-cell
 			text-align: center
@@ -17,34 +22,73 @@
 
 	.table-body
 		display: table-row-group
+
+		.table-row
+			position: relative
+
+			&.active
+				border-color: $color-background-dark
+				background-color: $color-background-light
+
+				.table-cell:last-child
+					box-shadow: inset -5px 0 0 $color-primary
+
+			&.status
+				&-invalid
+					.shot-status
+						background-color: $color-status-invalid-dark
+				&-todo
+					.shot-status
+						background-color: $color-status-todo-dark
+				&-in_progress
+					.shot-status
+						background-color: $color-status-in_progress-dark
+				&-on_hold
+					.shot-status
+						background-color: $color-status-on_hold-dark
+				&-approved
+					.shot-status
+						background-color: $color-status-approved-dark
+				&-cbb
+					.shot-status
+						background-color: $color-status-cbb-dark
+				&-final
+					.shot-status
+						background-color: $color-status-final-dark
+				&-review
+					.shot-status
+						background-color: $color-status-review-dark
+
 		.table-cell
 			text-align: center
 			&.shot-name
-				padding: 0 10px
+				padding: 0px 10px
 				text-align: left
+				a
+					color: $color-text-dark-primary
 
 			&.task-type
 				max-width: 120px
 
 				a
-					display: block /* Each task in a new line */
+					display: inline-block /* Each task in a new line */
 					opacity: 0
-					color: $color-text-dark-primary
-					+status-color
-					border: thin solid transparent
-					border-radius: 3px
+					border-radius: 50%
+					width: 16px
+					height: 16px
+					position: relative
+					top: 2px
+					+text-overflow-ellipsis
+					+status-background-color
 					transition: all 150ms ease-in-out
 
-					span
-						+text-overflow-ellipsis
-						display: block
-						padding: 1px 8px
-
 					&.active
-						text-decoration: none
 						opacity: 1
-						color: white !important
-						+status-background-color
+						border-radius: 3px
+
+					&.task-add
+						width: auto
+						border-radius: initial
 
 				a[class^="status-"]
 					opacity: 1