fix(site): align table headers with row cells in providers list

The header row had 4 columns but each data row had 5 cells (the
chevron column had no header). This caused Status and Last modified
to render misaligned. Add the missing sr-only header for the chevron
column and drop the fixed width on Last modified so it fills the
remaining space.
This commit is contained in:
Mathias Fredriksson
2026-05-28 11:44:40 +00:00
parent e12f6fe714
commit 6e2fa2fa19
2 changed files with 6 additions and 3 deletions
@@ -104,7 +104,10 @@ const ProvidersPageView: React.FC<ProvidersPageViewProps> = ({
<TableHead className="w-1/4">Name</TableHead>
<TableHead className="w-1/4">Base URL</TableHead>
<TableHead className="w-22">Status</TableHead>
<TableHead className="w-1/4">Last modified</TableHead>
<TableHead>Last modified</TableHead>
<TableHead className="w-10">
<span className="sr-only">Open provider</span>
</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -29,8 +29,8 @@ const meta: Meta<typeof ProviderRow> = {
<TableHead className="w-1/4">Name</TableHead>
<TableHead className="w-1/4">Base URL</TableHead>
<TableHead className="w-22">Status</TableHead>
<TableHead className="w-1/4">Last modified</TableHead>
<TableHead className="w-12">
<TableHead>Last modified</TableHead>
<TableHead className="w-10">
<span className="sr-only">Open provider</span>
</TableHead>
</TableRow>