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> |
||
|---|---|---|
| .. | ||
| conditions | ||
| docs | ||
| drug-reference | ||
| easy-setup | ||
| errors | ||
| settings | ||
| about.tsx | ||
| chat.tsx | ||
| home.tsx | ||
| maps.tsx | ||
| supply-depot.tsx | ||