Use divs instead of table tags

Tables are non-responsive by design and require more overrides to be cross-browser compatible
2016-09-22 12:31:39 +02:00
parent 7dee8f7c44
commit e3e586583f
5 changed files with 62 additions and 10 deletions
--- a/src/styles/_shots.sass
+++ b/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
+
+