Fix: merge Avg. Coverage into TOTALS sticky cell to fix column misalignment

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Vidal Wolf
2026-04-27 11:53:39 +02:00
co-authored by Claude Sonnet 4.6
parent ee274b267f
commit a91f353e40
+8 -9
View File
@@ -771,15 +771,14 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
</tr> </tr>
<tr className="bg-indigo-950 border-b border-white/10 relative z-20"> <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"> <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> <div className="flex items-center justify-between gap-2">
</th> <span>TOTALS</span>
{/* COVERAGE Totals Column */} <div className="flex flex-col items-end">
<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"> <span className="text-[8px] opacity-60 uppercase tracking-tighter">Avg. Coverage</span>
<div className="flex flex-col items-center"> <span className={`text-xs ${aggregateWoc && aggregateWoc < 4 ? 'text-rose-400' : 'text-emerald-400'}`}>
<span className="text-[8px] opacity-60">Avg. Coverage</span> {aggregateWoc ? `${aggregateWoc.toFixed(1)}w` : '-'}
<span className={`text-xs ${aggregateWoc && aggregateWoc < 4 ? 'text-rose-400' : 'text-emerald-400'}`}> </span>
{aggregateWoc ? `${aggregateWoc.toFixed(1)}w` : '-'} </div>
</span>
</div> </div>
</th> </th>
{weeks.map((week, idx) => { {weeks.map((week, idx) => {