From 969648ccb50f39d1679eea3e447df9f6354aede6 Mon Sep 17 00:00:00 2001
From: Garrett Vorbeck <gvorbeck@gmail.com>
Date: Sun, 14 Jan 2024 21:12:28 -0500
Subject: [PATCH] Add span and column props to EquipmentStoreItem Descriptions

---
 .../EquipmentStoreItem/EquipmentStoreItem.tsx      | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/EquipmentStore/EquipmentStoreItem/EquipmentStoreItem.tsx b/src/components/EquipmentStore/EquipmentStoreItem/EquipmentStoreItem.tsx
index 7bcb899e..51f69a33 100644
--- a/src/components/EquipmentStore/EquipmentStoreItem/EquipmentStoreItem.tsx
+++ b/src/components/EquipmentStore/EquipmentStoreItem/EquipmentStoreItem.tsx
@@ -17,6 +17,7 @@ const EquipmentStoreItem: React.FC<
   const damageItem = {
     key: "damage",
     label: "Damage",
+    span: 2,
     children: item.damage,
   };
   const sizeItem = { key: "size", label: "Size", children: item.size };
@@ -29,27 +30,32 @@ const EquipmentStoreItem: React.FC<
   const missileACItem = {
     key: "missileAC",
     label: "Missile AC",
+    span: 2,
     children: item.missileAC,
   };
   const rangeItem = {
     key: "range",
     label: "Range",
+    span: 2,
     children: item.range?.join(" / "),
   };
   const ammoItem = {
     key: "ammo",
     label: "Ammo",
+    span: 2,
     children: <span className="text-xs">{item.ammo?.join(", ")}</span>,
   };
   const items: DescriptionsProps["items"] = [
     {
       key: "name",
       label: "Name",
+      span: 3,
       children: <span className="font-bold">{item.name}</span>,
     },
     {
       key: "cost",
       label: "Cost",
+      span: 2,
       children: item.costValue + " " + item.costCurrency,
     },
   ];
@@ -76,7 +82,13 @@ const EquipmentStoreItem: React.FC<
   });
 
   return (
-    <Descriptions size="small" className={className} items={items} bordered />
+    <Descriptions
+      size="small"
+      className={className}
+      items={items}
+      column={3}
+      bordered
+    />
   );
 };