From 99ed4e4a9340e2c485823e0be921901110ea0e09 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Fri, 16 Dec 2022 08:18:47 -0600
Subject: [PATCH] Coal buyable styling

---
 src/data/layers/coal.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/data/layers/coal.tsx b/src/data/layers/coal.tsx
index dfaa390..e02bfc7 100644
--- a/src/data/layers/coal.tsx
+++ b/src/data/layers/coal.tsx
@@ -132,7 +132,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         },
         style: {
             color: colorText,
-            width: "160px"
+            width: "160px",
+            flexGrow: 1
         }
     })) as ElfBuyable & { resource: Resource };
 
@@ -196,7 +197,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         },
         style: {
             color: colorText,
-            width: "160px"
+            width: "160px",
+            flexGrow: 1
         },
         visibility: () => showIf(unlockBonfire.bought.value)
     })) as ElfBuyable & { resource: Resource };
@@ -262,7 +264,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         },
         style: {
             color: colorText,
-            width: "160px"
+            width: "160px",
+            flexGrow: 1
         },
         visibility: () => showIf(unlockKiln.bought.value)
     })) as ElfBuyable & { resource: Resource };
@@ -334,7 +337,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         },
         style: {
             color: colorText,
-            width: "160px"
+            width: "160px",
+            flexGrow: 1
         },
         visibility: () => showIf(metal.coalDrill.bought.value)
     })) as ElfBuyable & { resource: Resource };