chadtmiller.com/knotless
git that lives in your Atmosphere account
1
10
A repository card's language sits at its foot
Merged Approved
This makes each repository card a flex column and gives the language row margin-top: auto, so languages sit at the foot and line up across a row. .cards is a grid, whose items stretch to the row's height by default, so the alignment works. Wrapping the title and private tag in a div keeps the tag beside the name now that the li is a flex container. I found no bugs. The body carries Shots-moved and Changeset: none, which fits a web-only change.
All checks have passed
8 passed, 2 skipped
Merged as 0f8603f
What changes
On a profile's repository cards, what a repository is written in now sits at the foot of its card, a clear space below its description, as the iOS app's cards have it. Cards side by side in a row grow to one height, so their languages line up across the row, however long each description runs.
Why
The language came straight after the description, so in a row where one description ran to two lines and the other to one, the two languages sat at different heights, and close under the text. Each card is now a column whose language row takes the space left over above it.
How it was checked
just look profile --element .cards, with--setgiving every card a language, and again with one card private: languages aligned at the foot on desktop and in one column on a phone, and the private tag still beside the name.Shots-moved: profile, profile-fork, org
Changeset: none
🤖 Generated with Claude Code