b6ee5ed7bf
The comparison view laid its columns out on an equal-fraction CSS grid (repeat(N, minmax(0, 1fr))), so each added drug shrank every column; at the five-drug maximum the FDA interaction text was squeezed into unreadable slivers. Lay the columns out with flex instead: full-width and stacked on phones, then fixed-width columns that scroll sideways from the sm: breakpoint up, so they never shrink below a readable width. Theme the columns with the same palette as the rest of the page (they were on stock gray), and give the headers a fixed min-height so columns line up when drug names wrap. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| app | ||
| components | ||
| context | ||
| css | ||
| hooks | ||
| layouts | ||
| lib | ||
| pages | ||
| providers | ||
| tsconfig.json | ||