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/_base.sass
+++ b/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