Table cells containing items with long names would not wrap around to the next line which would make the table very wide. This was not great for smaller, or even medium screens.
Turns out material's default is to use white-space: nowrap on tables. I've disabled that except for cells that have buttons in them .mdc-data-table__cell--action. Otherwise, the action button text would wrap which looked bad.
Before
After
Table cells containing items with long names would not wrap around to the next line which would make the table very wide. This was not great for smaller, or even medium screens.
Turns out material's default is to use `white-space: nowrap` on tables. I've disabled that except for cells that have buttons in them `.mdc-data-table__cell--action`. Otherwise, the action button text would wrap which looked bad.
## Before
## After
171 KiB
170 KiB