min-width: 0 и text-overflow в flex-строке
Ellipsis в карточке с иконкой и кнопкой.
В горизонтальном flex средний блок с длинным названием должен иметь `min-width: 0` и `overflow: hidden; text-overflow: ellipsis` — иначе flex item refuses to shrink.
Иконка слева и кнопка справа с `flex-shrink: 0` — текст в центре сжимается корректно.
- min-width — MDN — auto vs 0.
- text-overflow — MDN — ellipsis.
Grid
В grid `minmax(0, 1fr)` на колонке решает ту же задачу.