Redesigned the querying for the sale duplicates screen to use aggregation; Finished the styling of the sale duplicate screen; Tested the functionality of sale duplicates; Added a way to show hidden (ignored) duplicates.

imports/ui/Venues.import.styl

@@ -1,6 +1,9 @@
 #venues
-	margin: 20px 20px
+	display: table
+	content-box: border-box
+	padding: 10px 20px
 	height: 100%
+	width: 100%
 	text-align: left
 
 	.tableControls
@@ -18,77 +21,89 @@
 			top: -4px
 			display: inline-block
 
-	.tableContainer
-		width: 100%
-		margin-bottom: 20px
-		border: 0
-		font-size: 12.5px
-
-		table
-			table-layout: fixed
+	.listRow
+		display: table-row
+		.listCell
+			display: table-cell
+			position: relative
+			height: 100%
 			width: 100%
-			.venueSearch
-				margin: 3px 0 2px 1px
-			.venueEditorTd
-				background: #deeac0
-			input[name="name"], input[name="type"]
-				width: 100%
-			.editorDiv
-				margin: 4px 0
-				label
-					font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
-					font-size: .9em
-					padding-bottom: 4px
-				select2
-					font-size: .4em
-			> thead
-				> tr
-					> th.name
-						width: auto
-					> th.type
-						width: auto
-					> th.actions
-						width: 90px
-						text-align: center
-						.newVenueButton
-							margin-top: 4px
-							padding: 0px 12px
-							.fa-plus-circle
-								display: inline-block
-							.fa-times-circle
-								display: none
-						.newVenueButton.active
-							background-color: #fb557b
-							color: black
-							.fa-times-circle
-								display: inline-block
-							.fa-plus-circle
-								display: none
-			> tbody
-				> tr
-					.actionRemove
-						color: #F77
-					.actionEdit
-						color: #44F
-					.editorApply
-						color: green
-					.editorCancel
-						color: red
-				> tr.deactivated
-					background-color: #fac0d1
-					.actionActivate
-						color: #158b18
-					.actionHide
-						color: #6a0707
-					.actionEdit
-						color: #0101e4
-				> tr.deactivated:hover
-					background-color: #ffcadb
-				> tr.hidden
-					background-color: #e995ff
-					.actionEdit
-						color: #0101e4
-					.actionShow
-						color: #027905
-				> tr.hidden:hover
-					background-color: #ffb5ff
+			.tableContainer
+				position: absolute
+				top: 0
+				bottom: 0
+				left: 0
+				right: 0
+				width: auto
+				height: auto
+				border: 0
+				font-size: 12.5px
+				overflow-y: auto
+				table
+					table-layout: fixed
+					width: 100%
+					.venueSearch
+						margin: 3px 0 2px 1px
+					.venueEditorTd
+						background: #deeac0
+					input[name="name"], input[name="type"]
+						width: 100%
+					.editorDiv
+						margin: 4px 0
+						label
+							font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+							font-size: .9em
+							padding-bottom: 4px
+						select2
+							font-size: .4em
+					> thead
+						> tr
+							> th.name
+								width: auto
+							> th.type
+								width: auto
+							> th.actions
+								width: 90px
+								text-align: center
+								.newVenueButton
+									margin-top: 4px
+									padding: 0px 12px
+									.fa-plus-circle
+										display: inline-block
+									.fa-times-circle
+										display: none
+								.newVenueButton.active
+									background-color: #fb557b
+									color: black
+									.fa-times-circle
+										display: inline-block
+									.fa-plus-circle
+										display: none
+					> tbody
+						> tr
+							.actionRemove
+								color: #F77
+							.actionEdit
+								color: #44F
+							.editorApply
+								color: green
+							.editorCancel
+								color: red
+						> tr.deactivated
+							background-color: #fac0d1
+							.actionActivate
+								color: #158b18
+							.actionHide
+								color: #6a0707
+							.actionEdit
+								color: #0101e4
+						> tr.deactivated:hover
+							background-color: #ffcadb
+						> tr.hidden
+							background-color: #e995ff
+							.actionEdit
+								color: #0101e4
+							.actionShow
+								color: #027905
+						> tr.hidden:hover
+							background-color: #ffb5ff