On phones the row arrow was centered in its column, leaving a wider gap on the right edge than on the left.
Co-Authored-By: Claude <noreply@anthropic.com>
On phones (max-width 680px) the "N projects" count beside each group heading on category pages crowded the heading into a narrow column.
Co-Authored-By: Claude <noreply@anthropic.com>
Google Fonts loaded async with display=swap, so every first paint showed Georgia and Avenir Next and then visibly switched to the web fonts mid-read.
Co-Authored-By: Claude <noreply@anthropic.com>
Removing .search from the :focus-visible list left the focused search field with Chromium's default blue outline, and its translucent focus border measured 1.65:1 against the page, below WCAG 1.4.11's 3:1.
Co-Authored-By: Claude <noreply@anthropic.com>
Paint containment on the opened row's details clipped anything drawn outside its box, cutting off the focus outline of links at its edges.
Co-Authored-By: Claude <noreply@anthropic.com>
Tags are inline links, which CSS transforms do not apply to, so the tag press rule and its transform transition never had any effect.
Co-Authored-By: Claude <noreply@anthropic.com>
Table cells faded their border color over 180ms, so opening a row left the old divider visible between the row and its newly shown content before it faded out.
Co-Authored-By: Claude <noreply@anthropic.com>
On the home page, opening a row showed the description instantly while the details below it slid in, so one open state moved in two ways.
Co-Authored-By: Claude <noreply@anthropic.com>
Sponsor, sponsorship, call-to-action, and table-note paragraphs could end on a lone word, unlike their peers.
Co-Authored-By: Claude <noreply@anthropic.com>
Arrow glyphs on rows, jump links, sort headers, and the category toggle, plus the search icon, were exposed to assistive tech, adding noise to every row and link name.
Co-Authored-By: Claude <noreply@anthropic.com>
Text inputs match :focus-visible on click, so the search field showed the accent outline on top of its own tinted focus border.
Co-Authored-By: Claude <noreply@anthropic.com>
Each tag's tap area overlapped the next tag's and, with both insets plus min-height set, grew downward only, sitting off-center.
Co-Authored-By: Claude <noreply@anthropic.com>
On phones the hero's category links were about 17px tall and 4.5px apart, below the 24px minimum touch target.
Co-Authored-By: Claude <noreply@anthropic.com>
The hidden back-to-top button was only transparent, so Tab still stopped on it and its focus outline was invisible.
Co-Authored-By: Claude <noreply@anthropic.com>
The heroes ended 38px (home), 59px (category pages), and 80px (sponsorship) below their last line, against 20px above their top bar.
Co-Authored-By: Claude <noreply@anthropic.com>
Measured from the section edge to the nearest glyph or filled box, the guide band put 92px under its text against 51px above its heading, the sponsor band 67px against 52px, and the Sponsorship page sections ranged from 69px to 92px under content that sat 68px to 84px below their tops.
Co-Authored-By: Claude <noreply@anthropic.com>
The space above the label's first line added about 8px to the visible top gap, so the buttons sat closer to the footer than the label sat to the table.
Co-Authored-By: Claude <noreply@anthropic.com>
The hint's column capped at 28rem, so "Press / to search. Tags open their category. Click a row for details." wrapped to two lines beside the heading.
Co-Authored-By: Claude <noreply@anthropic.com>
The grid filled rows left to right, so reading down a column skipped through README order four categories at a time.
Co-Authored-By: Claude <noreply@anthropic.com>
The label's 1.5rem bottom margin stacked on the section's 1rem grid gap, leaving 51px between "Contribute" and the heading.
Co-Authored-By: Claude <noreply@anthropic.com>
Sections faded and slid in as they scrolled into view, so screenshots and quick scrolls caught the sponsor band and search box half-drawn.
Co-Authored-By: Claude <noreply@anthropic.com>
The section put 88px above its label and below its buttons; it now uses the page's side gutter like the table and guide sections.
Co-Authored-By: Claude <noreply@anthropic.com>
The table section started 72px below the sponsor band, and a one-line order note sat at the bottom of its grid row beside the two-line search hint, so category pages put 97px above the first text. The guide band put 81px above its heading. Both now use the page's side gutter.
Co-Authored-By: Claude <noreply@anthropic.com>
On phones the links line wrapped mid-phrase, splitting "19 hours ago" across two lines after the repository URL.
Co-Authored-By: Claude <noreply@anthropic.com>
The homepage printed each description inside its expanded row as .expand-desc, styled apart from the .desc-row that category pages use, so every spacing change to the table had to be tuned twice. The homepage now reveals the same .desc-row while a row is open, so its descriptions take the category pages' 15.2px size, and the .expand-desc markup and styles are gone.
Co-Authored-By: Claude <noreply@anthropic.com>
On phones the hidden number column is the first cell, so the name column fell back to the 0.55rem inner padding and names and descriptions sat 4px left of the links line and group headings, which use 0.8rem.
Co-Authored-By: Claude <noreply@anthropic.com>
An open row put about 38px between the project name and its description and 10px before its links, and category rows put 26px between name and description, because .table tbody td overrode the zero top padding meant for description and expand rows. The top gap is now about 2px larger than the bottom one, since the bold name's descenders make an equal gap look smaller.
Co-Authored-By: Claude <noreply@anthropic.com>
Each row restarted its own gradient, so the darker bottom of the open row met the lighter top of its expand row and read as a faint border between them.
Co-Authored-By: Claude <noreply@anthropic.com>
Below 960px the -1rem top margin on the sponsor link, meant for the side-by-side desktop layout, pulled the sponsor name closer to the link than the link sat to its own label, so the link read as part of the sponsor entry.
Co-Authored-By: Claude <noreply@anthropic.com>
On phones the hero stats ran together as one sentence, breaking wherever space ran out and leaving a "/" dangling at a line end.
Co-Authored-By: Claude <noreply@anthropic.com>
At phone width the two primary buttons labelled with the full address wrapped over three lines, and the address in the Get started sentence broke at its hyphen.
Co-Authored-By: Claude <noreply@anthropic.com>
On narrow phone heroes the sheen, a diagonal light stripe sliding across for 54s after load, rendered as a near-vertical band sweeping sideways that read as a loading or progress bar.
Co-Authored-By: Claude <noreply@anthropic.com>
The home hero was forced to the full viewport height, opening an empty band between the top bar and the headline whenever its content was shorter than the window and pushing the project table down.
Co-Authored-By: Claude <noreply@anthropic.com>
Sponsorship-page, sponsor band, category, group-page lead, and home hero links fell back to the browser's default focus ring.
Co-Authored-By: Claude <noreply@anthropic.com>
The sponsor band's background faded from --bg-paper-strong to --bg-paper, ending lighter than the page below it, with only a faint bottom border, so the band blended into the search section and read as its intro rather than a sponsor placement; the sponsor name also gave no cue that it links out.
Co-Authored-By: Claude <noreply@anthropic.com>
Vinta ChenandClaude