Use divs instead of table tags

Tables are non-responsive by design and require more overrides to be cross-browser compatible

src/styles/_base.sass

@@ -115,3 +115,27 @@ select.input-transparent
 	color: $color-text-dark-secondary
 	margin-left: auto
 	font-size: .9em
+
+.table
+	display: table
+	width: 100%
+
+	.table-row
+		display: table-row
+		&:hover
+			background-color: $color-background-light
+
+	.table-head
+		display: table-header-group
+
+		.table-cell
+			padding: 5px
+			font-size: .9em
+			color: $color-text-dark-secondary
+
+	.table-body
+		display: table-row-group
+
+	.table-cell
+		display: table-cell
+		border-bottom: thin solid $color-background-dark

src/styles/_config.sass

@@ -73,3 +73,5 @@ $screen-md-max: $screen-lg-min - 1
 
 
 $sidebar-width: 50px
+
+$shots-list-thumbnail-width: 100px

src/styles/_shots.sass

@@ -0,0 +1,23 @@
+.table
+	.table-head
+		.table-cell
+			&.shot-thumbnail
+				width: $shots-list-thumbnail-width
+
+			&.task-type
+				text-transform: capitalize
+
+	.table-body
+		display: table-row-group
+		.table-cell
+			&.shot-name
+				padding-left: 10px
+
+			&.task-name
+				max-width: 120px
+				+text-overflow-ellipsis
+
+				a
+					display: block
+
+

src/styles/main.sass

@@ -4,3 +4,4 @@
 
 @import _base
 @import _tasks
+@import _shots