Added minWidth property to layers

src/components/system/LayerTab.vue

@@ -39,6 +39,7 @@ export default {
 			if (layers[this.layer].activeSubtab?.style) {
 				style.push(layers[this.layer].activeSubtab.style);
 			}
+			style.push({ minWidth: `${layers[this.layer].minWidth}px` });
 			return style;
 		},
 		display() {

src/components/system/Tabs.vue

@@ -57,7 +57,6 @@ export default {
     position: relative;
     height: 100%;
     width: 100%;
-    min-width: 640px;
 }
 
 .tab .ps {

src/data/layers/aca/c.js

@@ -20,6 +20,7 @@ export default {
 		otherThingy: 10,
 		spentOnBuyables: new Decimal(0)
 	}},
+	minWidth: 800,
 	color: "#4BDC13",
 	requires: new Decimal(10), // Can be a function that takes requirement increases into account
 	resource: "lollipops", // Name of prestige currency

src/data/mod.js

@@ -38,7 +38,7 @@ const spook = {
 
 const main = {
 	id: 'main',
-	display: '<tree append="true" />'
+	display: '<tree :append="true" />'
 }
 
 export const initialLayers = [ main, f, c, a, g, h, spook ];

src/store/layers.js

@@ -410,6 +410,7 @@ export const defaultLayerProperties = {
 	type: "none",
 	layerShown: true,
 	glowColor: "red",
+	minWidth: 640,
 	displayRow() {
 		return this.row;
 	},