From 9023d04e9e7b6d623caf95c4f9c2bf91257c364a Mon Sep 17 00:00:00 2001
From: Greg <trystuffwospam@livingonlinenow.com>
Date: Sun, 11 May 2025 11:29:32 +0200
Subject: [PATCH] Cosmetic update date column smaller V3

---
 static/app.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/static/app.js b/static/app.js
index 7a78d67..a15c146 100644
--- a/static/app.js
+++ b/static/app.js
@@ -29,7 +29,13 @@ function renderTable() {
     // Header row
     const thead = document.createElement('thead');
     const headRow = document.createElement('tr');
-    headRow.appendChild(document.createElement('th')).innerText = 'Date';
+    const dateTh = document.createElement('th');
+    dateTh.innerText = 'Date';
+    dateTh.style.width = '120px';
+    dateTh.style.minWidth = '100px';
+    dateTh.style.maxWidth = '140px';
+    dateTh.style.textAlign = 'left';
+    headRow.appendChild(dateTh);
     data.players.forEach((name, i) => {
         const th = document.createElement('th');
         th.innerText = name;
@@ -76,7 +82,10 @@ function renderTable() {
         if (rowIdx === closestIdx) tr.id = 'current-match-row';
         // Date cell
         const dateTd = document.createElement('td');
-    
+        dateTd.style.width = '120px';
+        dateTd.style.minWidth = '100px';
+        dateTd.style.maxWidth = '140px';
+        dateTd.style.textAlign = 'left';
         if (date === '29/05/25' || date === '25/12/25') {
             const strong = document.createElement('strong');
             strong.innerText = date;