fix: scroll tree on overflow

plate-tool-web/assets/scss/default_theme/components/_plate_container.scss

@@ -6,13 +6,17 @@ div.plate_container {
 
 	display: flex;
 	flex-direction: column;
-	justify-content: space-evenly;
+	justify-content: flex-start;
 	align-items: center;
 
 	border: 2px solid $color-dark;
 	grid-column: right / right;
 	grid-row: upper / 3;
 
+	@media (min-height: 900px) {
+		justify-content: space-evenly;
+	}
+
 	h2 {
 		margin-bottom: 1%;
 		text-align: center;

plate-tool-web/assets/scss/default_theme/components/_plates.scss

@@ -53,6 +53,41 @@ td.current_select div.plate_cell_inner {
 
 
 // Styles for specific plate types:
+.W96 {
+	th {
+		font-size: 0.9rem;
+		line-height: 0px;
+	}
+	tr:first-child {
+		th {
+			line-height: inherit;
+		}
+	}
+	td {
+		padding: 0;
+	}
+	td.current_select div.plate_cell_inner {
+		border: 2px solid black;
+	}
+}
+
+.W384 {
+	th {
+		font-size: 0.9rem;
+		line-height: 0px;
+	}
+	tr:first-child {
+		th {
+			line-height: inherit;
+		}
+	}
+	td {
+		padding: 0;
+	}
+	td.current_select div.plate_cell_inner {
+		border: 2px solid black;
+	}
+}
 
 .W1536 {
 	th {

plate-tool-web/assets/scss/default_theme/components/_tree.scss

@@ -13,6 +13,8 @@ div.tree {
 	height: 100%;
 	border: 2px solid $color-dark;
 
+	overflow: scroll;
+
 	h3 {
 		margin-left: 0.5rem;
 	}