From 1dcf868ef00a2a507c5de7fa6796fa8a8cdc0b42 Mon Sep 17 00:00:00 2001
From: Alexander Metzger <alexander.le@outlook.dk>
Date: Fri, 16 Feb 2024 20:57:42 -0800
Subject: [PATCH] table style tweak

---
 public/components/Table.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/components/Table.js b/public/components/Table.js
index cd4620e..9fbf428 100644
--- a/public/components/Table.js
+++ b/public/components/Table.js
@@ -157,14 +157,16 @@ export class Table extends Component {
         // Custom data headers
         const customHeaders = attendancearr[0].custom_data;
         for (const [key, value] of Object.entries(JSON.parse(customHeaders))) {
-            html += `<th data-csv="${sanitizeText(key)}">${sanitizeText(key)}</th>`;
+            html += `<th style="min-width: max-content; text-wrap: nowrap;" data-csv="${sanitizeText(
+                key,
+            )}">${sanitizeText(key)}</th>`;
         }
         // Event headers
         for (let i = 0; i < events.length; i++) {
             var startDate = new Date(events[i].starttimestamp * 1000);
             var endDate = new Date(events[i].endtimestamp * 1000);
             let eventName = events[i].name || '[Unnamed]';
-            html += `<th class="cell" data-time="${sanitizeText(
+            html += `<th style="min-width: max-content; text-wrap: nowrap;" class="cell" data-time="${sanitizeText(
                 events[i].starttimestamp,
             )}" data-name="${sanitizeText(events[i].name)}" data-csv="${sanitizeText(
                 eventName,