.table
	.table-head
		.table-cell
			text-align: center

			&.shot-thumbnail
				width: $shots-list-thumbnail-width

			&.task-type
				text-transform: capitalize

			span.collapser
				cursor: pointer
				width: 100%
				display: inline-block
				padding: 5px

	.table-body
		display: table-row-group
		.table-cell
			text-align: center
			&.shot-name
				padding: 0 10px
				text-align: left

			&.task-type
				max-width: 120px

				a
					display: block /* Each task in a new line */
					opacity: 0
					color: $color-text-dark-primary
					+status-color
					transition: all 150ms ease-in-out

					span
						+text-overflow-ellipsis
						display: block
						padding: 3px 10px

				a[class^="status-"]
					opacity: 1

			&:hover
				a
					opacity: 1