Major changes to the structure of pages to utilize the flex layout system.

public/admin/items.styl

@@ -1,8 +1,46 @@
 #items {
+	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
+			flex: none;
+		}
+
+		#dataTable {
+			overflow-y: auto;
+			//Flex element options.
+			flex: auto;
+			align-self: stretch;
+			height: 10%;
+			max-height: 100%;
+		}
+
+		.padding {
+			flex: none;
+			height: 1px;
+			width: 100%;
+		}
+	}
+
 	#DFAliases {
 		width: 100%;
 		height: 150px;
-		overflow: scroll;
+		overflow: auto;
 
 		span {
 			font-family: Arial, Helvetica, sans-serif;
@@ -15,4 +53,4 @@
 			background-color: rgba(255, 248, 131, 0.51);
 		}
 	}
-}
+}