PetitTeton/public/admin/sales.styl

#sales {
	height: 100%;

	#listView {
		height: 100%;
		//Flex container options.
		flex-flow: column nowrap;
		justify-content: space-around;  //Spacing between items along the primary axis.  (vertical spacing for a column layout)
		align-items: flex-start;  //Align the items within a line along the primary axis.  (horizontal alignment for a column layout)
		align-content: center;  //Spacing between lines along the secondary axis.  (spacing between columns for a column layout)
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		.buttonContainer {
			//Flex element options.
			flex: 0 0;  //Grow, Shrink, Basis
		}

		#dataTable {
			min-height: 200px;
			height: 100%;
			overflow: auto;
			display: block;
			clear: both;
			width: 100%;
			//Flex element options.
			flex: 1 1 120px;  //Grow, Shrink, Basis
		}
	}
}