.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
					border: thin solid transparent
					border-radius: 3px
					transition: all 150ms ease-in-out

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

					&.active
						text-decoration: none
						+status-border-color

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

			&:hover
				a
					opacity: 1