`.container-icon` had `align-self: stretch` + `aspect-ratio: 1`, so the square's width tracked the body's height. As soon as state pills (rate-limited / needs-login / needs-update / ctx) wrapped the head row, the body grew taller and the icon grew with it — two cards with different state ended up with visibly different-sized icons (issue #344). Pin the icon at 5em; height follows from aspect-ratio. Card-level `align-items` drops to flex-start so a row taller than the icon doesn't stretch the icon back out. The card body still flows however many lines it needs. Closes #344. |
||
|---|---|---|
| .. | ||
| app.js | ||
| dashboard.css | ||
| index.html | ||