From 295660139bbc0958dfd68a654bbf0da658d70f59 Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Sat, 13 Apr 2024 18:59:38 +0100
Subject: [PATCH] Formatted non-intrusive table

---
 .../building-passport/FeatureTable.tsx        | 26 ++++++++++---------
 .../building-passport/FeatureTableColumns.tsx |  2 ++
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/app/components/building-passport/FeatureTable.tsx b/src/app/components/building-passport/FeatureTable.tsx
index 49e5ab4..58ac1b7 100644
--- a/src/app/components/building-passport/FeatureTable.tsx
+++ b/src/app/components/building-passport/FeatureTable.tsx
@@ -46,18 +46,20 @@ export default function FeatureTable<
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (
             <TableRow key={headerGroup.id}>
-              {headerGroup.headers.map((header) => {
-                return (
-                  <TableHead key={header.id}>
-                    {header.isPlaceholder
-                      ? null
-                      : flexRender(
-                          header.column.columnDef.header,
-                          header.getContext()
-                        )}
-                  </TableHead>
-                );
-              })}
+              {headerGroup.headers.map((header) => (
+                <TableHead
+                  key={header.id}
+                  style={{
+                    // Style the header to match the column width, if passed
+                    width: `${header.getSize()}px`,
+                  }}
+                >
+                  {flexRender(
+                    header.column.columnDef.header,
+                    header.getContext()
+                  )}
+                </TableHead>
+              ))}
             </TableRow>
           ))}
         </TableHeader>
diff --git a/src/app/components/building-passport/FeatureTableColumns.tsx b/src/app/components/building-passport/FeatureTableColumns.tsx
index 827723f..f287c8e 100644
--- a/src/app/components/building-passport/FeatureTableColumns.tsx
+++ b/src/app/components/building-passport/FeatureTableColumns.tsx
@@ -47,6 +47,7 @@ export const generalColumns: ColumnDef<GeneralFeature>[] = [
   {
     accessorKey: "feature",
     header: "Feature",
+    size: 100,
   },
   {
     accessorKey: "description",
@@ -58,6 +59,7 @@ export const nonInstrusiveColumns: ColumnDef<NonInstrusiveFeature>[] = [
   {
     accessorKey: "title",
     header: "Feature",
+    size: 100,
   },
   {
     accessorKey: "note",