dutifulbob commited on
Commit
24e7d3f
·
verified ·
1 Parent(s): bcc8014

Fix report table header alignment

Browse files
dashboard-20260613-gepa/legacy-gepa-six-dashboard.html CHANGED
@@ -23,7 +23,7 @@ h3 { margin:18px 0 10px; font-size:16px; }
23
  .card .sub { margin-top:5px; color:var(--muted); font-size:13px; }
24
  table { border-collapse:collapse; width:100%; font-size:13px; }
25
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; vertical-align:top; text-align:left; }
26
- th { background:#f0f3f8; position:sticky; top:92px; z-index:1; }
27
  .good { color:var(--green); font-weight:650; } .bad { color:var(--red); font-weight:650; } .neutral { color:var(--muted); } .muted { color:var(--muted); }
28
  .pill { display:inline-block; border:1px solid #ccd4df; background:#f7f9fc; border-radius:999px; padding:1px 7px; margin:1px 2px 1px 0; white-space:nowrap; }
29
  .miss { color:#7a2530; }
 
23
  .card .sub { margin-top:5px; color:var(--muted); font-size:13px; }
24
  table { border-collapse:collapse; width:100%; font-size:13px; }
25
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; vertical-align:top; text-align:left; }
26
+ th { background:#f0f3f8; font-weight:700; line-height:1.2; white-space:nowrap; vertical-align:middle; }
27
  .good { color:var(--green); font-weight:650; } .bad { color:var(--red); font-weight:650; } .neutral { color:var(--muted); } .muted { color:var(--muted); }
28
  .pill { display:inline-block; border:1px solid #ccd4df; background:#f7f9fc; border-radius:999px; padding:1px 7px; margin:1px 2px 1px 0; white-space:nowrap; }
29
  .miss { color:#7a2530; }
final-cardinality-report.html CHANGED
@@ -26,14 +26,14 @@ h3 { margin:18px 0 10px; font-size:16px; }
26
  .scroll { overflow:auto; border:1px solid var(--line); border-radius:8px; }
27
  table { width:100%; border-collapse:collapse; font-size:13px; }
28
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; text-align:left; vertical-align:top; }
29
- th { background:#f0f3f8; color:#384152; position:sticky; top:92px; z-index:1; vertical-align:middle; }
30
  tr.selected { background:#eefbf2; }
31
  code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
32
  .chart-wrap { border:1px solid var(--line); border-radius:8px; background:#fff; overflow-x:auto; }
33
  svg { min-width:900px; width:100%; height:auto; display:block; }
34
  .grid { stroke:#e5eaf2; } .tick { fill:#667085; font-size:12px; } .label { font-size:11px; } .point { fill:#1f2937; font-size:12px; font-weight:700; } .axis-label { fill:#334155; font-size:13px; }
35
  .note { border-left:4px solid var(--amber); padding:10px 12px; background:#fff8eb; color:#4a2d00; }
36
- @media (max-width:800px) { header { position:static; } th { position:static; } main,header { padding-left:18px; padding-right:18px; } }
37
  </style>
38
  </head>
39
  <body>
 
26
  .scroll { overflow:auto; border:1px solid var(--line); border-radius:8px; }
27
  table { width:100%; border-collapse:collapse; font-size:13px; }
28
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; text-align:left; vertical-align:top; }
29
+ th { background:#f0f3f8; color:#384152; font-weight:700; line-height:1.2; white-space:nowrap; vertical-align:middle; }
30
  tr.selected { background:#eefbf2; }
31
  code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
32
  .chart-wrap { border:1px solid var(--line); border-radius:8px; background:#fff; overflow-x:auto; }
33
  svg { min-width:900px; width:100%; height:auto; display:block; }
34
  .grid { stroke:#e5eaf2; } .tick { fill:#667085; font-size:12px; } .label { font-size:11px; } .point { fill:#1f2937; font-size:12px; font-weight:700; } .axis-label { fill:#334155; font-size:13px; }
35
  .note { border-left:4px solid var(--amber); padding:10px 12px; background:#fff8eb; color:#4a2d00; }
36
+ @media (max-width:800px) { header { position:static; } main,header { padding-left:18px; padding-right:18px; } }
37
  </style>
38
  </head>
39
  <body>
index.html CHANGED
@@ -26,14 +26,14 @@ h3 { margin:18px 0 10px; font-size:16px; }
26
  .scroll { overflow:auto; border:1px solid var(--line); border-radius:8px; }
27
  table { width:100%; border-collapse:collapse; font-size:13px; }
28
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; text-align:left; vertical-align:top; }
29
- th { background:#f0f3f8; color:#384152; position:sticky; top:92px; z-index:1; vertical-align:middle; }
30
  tr.selected { background:#eefbf2; }
31
  code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
32
  .chart-wrap { border:1px solid var(--line); border-radius:8px; background:#fff; overflow-x:auto; }
33
  svg { min-width:900px; width:100%; height:auto; display:block; }
34
  .grid { stroke:#e5eaf2; } .tick { fill:#667085; font-size:12px; } .label { font-size:11px; } .point { fill:#1f2937; font-size:12px; font-weight:700; } .axis-label { fill:#334155; font-size:13px; }
35
  .note { border-left:4px solid var(--amber); padding:10px 12px; background:#fff8eb; color:#4a2d00; }
36
- @media (max-width:800px) { header { position:static; } th { position:static; } main,header { padding-left:18px; padding-right:18px; } }
37
  </style>
38
  </head>
39
  <body>
 
26
  .scroll { overflow:auto; border:1px solid var(--line); border-radius:8px; }
27
  table { width:100%; border-collapse:collapse; font-size:13px; }
28
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; text-align:left; vertical-align:top; }
29
+ th { background:#f0f3f8; color:#384152; font-weight:700; line-height:1.2; white-space:nowrap; vertical-align:middle; }
30
  tr.selected { background:#eefbf2; }
31
  code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
32
  .chart-wrap { border:1px solid var(--line); border-radius:8px; background:#fff; overflow-x:auto; }
33
  svg { min-width:900px; width:100%; height:auto; display:block; }
34
  .grid { stroke:#e5eaf2; } .tick { fill:#667085; font-size:12px; } .label { font-size:11px; } .point { fill:#1f2937; font-size:12px; font-weight:700; } .axis-label { fill:#334155; font-size:13px; }
35
  .note { border-left:4px solid var(--amber); padding:10px 12px; background:#fff8eb; color:#4a2d00; }
36
+ @media (max-width:800px) { header { position:static; } main,header { padding-left:18px; padding-right:18px; } }
37
  </style>
38
  </head>
39
  <body>
prompt-diffs/index.html CHANGED
@@ -42,7 +42,7 @@ code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12p
42
  .scroll { overflow:auto; border:1px solid var(--line); border-radius:8px; }
43
  table { width:100%; border-collapse:collapse; font-size:13px; }
44
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; text-align:left; vertical-align:top; }
45
- th { background:#f0f3f8; color:#384152; vertical-align:middle; }
46
  .diff-table { --line-col:56px; table-layout:fixed; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.4; }
47
  .diff-table col.line-col { width:var(--line-col); }
48
  .diff-table col.code-col { width:calc((100% - (var(--line-col) * 2)) / 2); }
 
42
  .scroll { overflow:auto; border:1px solid var(--line); border-radius:8px; }
43
  table { width:100%; border-collapse:collapse; font-size:13px; }
44
  th,td { border-bottom:1px solid var(--line); padding:8px 9px; text-align:left; vertical-align:top; }
45
+ th { background:#f0f3f8; color:#384152; font-weight:700; line-height:1.2; white-space:nowrap; vertical-align:middle; }
46
  .diff-table { --line-col:56px; table-layout:fixed; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.4; }
47
  .diff-table col.line-col { width:var(--line-col); }
48
  .diff-table col.code-col { width:calc((100% - (var(--line-col) * 2)) / 2); }