#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: auto; span { font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; cursor: pointer; display: block; } span.selected { background-color: rgba(255, 248, 131, 0.51); } } }