From a91f353e40ae10a932b4521d8a413625b06d439d Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 27 Apr 2026 11:53:39 +0200
Subject: [PATCH] Fix: merge Avg. Coverage into TOTALS sticky cell to fix
 column misalignment

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
---
 components/WeeklyGrid.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx
index c9935de..7d2c82c 100644
--- a/components/WeeklyGrid.tsx
+++ b/components/WeeklyGrid.tsx
@@ -771,15 +771,14 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
                             </tr>
                             <tr className="bg-indigo-950 border-b border-white/10 relative z-20">
                                 <th className="p-3 text-sm font-black text-white sticky left-0 z-40 bg-indigo-950 border-r border-white/10">
-                                    <span>TOTALS</span>
-                                </th>
-                                {/* COVERAGE Totals Column */}
-                                <th className="p-3 text-sm font-black text-white sticky left-[240px] z-40 bg-indigo-950 border-r border-white/10 uppercase tracking-tighter">
-                                    <div className="flex flex-col items-center">
-                                        <span className="text-[8px] opacity-60">Avg. Coverage</span>
-                                        <span className={`text-xs ${aggregateWoc && aggregateWoc < 4 ? 'text-rose-400' : 'text-emerald-400'}`}>
-                                            {aggregateWoc ? `${aggregateWoc.toFixed(1)}w` : '-'}
-                                        </span>
+                                    <div className="flex items-center justify-between gap-2">
+                                        <span>TOTALS</span>
+                                        <div className="flex flex-col items-end">
+                                            <span className="text-[8px] opacity-60 uppercase tracking-tighter">Avg. Coverage</span>
+                                            <span className={`text-xs ${aggregateWoc && aggregateWoc < 4 ? 'text-rose-400' : 'text-emerald-400'}`}>
+                                                {aggregateWoc ? `${aggregateWoc.toFixed(1)}w` : '-'}
+                                            </span>
+                                        </div>
                                     </div>
                                 </th>
                                 {weeks.map((week, idx) => {