Added custom scroll bars and separated the table header from the tables for Sales and the Graphs tables.

imports/ui/Graphs.import.styl

@@ -1,6 +1,10 @@
 #graphs
-	margin: 10px 20px
+	display: table
+	content-box: border-box
+	padding: 10px 20px
 	height: 100%
+	width: 100%
+	text-align: left
 	svg
 		width: 100%
 	.bar
@@ -17,22 +21,47 @@
 		font-size: 14px
 		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
 		font-weight: 800
-	table
+	.table
 		table-layout: fixed
-		> thead
-			> tr
-				> th.total
-					width: 200px
-				> th.market
-					width: 200px
-				> th.week
-					width: 200px
-				> th.month
-					width: 200px
-				> th.year
-					width: 200px
-		> tbody
-			> tr.deactivated
-				background-color: #fac0d1
-			> tr.deactivated:hover
-				background-color: #ffcadb
+		.total
+			width: 200px
+		.market
+			width: 200px
+		.week
+			width: 200px
+		.month
+			width: 200px
+		.year
+			width: 200px
+	.listRow
+		display: table-row
+		.listCell
+			display: table-cell
+			position: relative
+			height: 100%
+			width: auto
+			min-width: 300px
+			.salesTable
+				position: absolute
+				top: 0
+				bottom: 0
+				left: 0
+				right: 0
+				width: auto
+				height: auto
+				border: 0
+				font-size: 12.5px
+				overflow-y: scroll
+				.table
+					> thead
+						display: none
+					> tbody
+						> tr.deactivated
+							background-color: #fac0d1
+						> tr.deactivated:hover
+							background-color: #ffcadb
+		.spacerCell
+			display: table-cell
+			position: relative
+			width: 100%
+			height: 100%