Не понимаю как работает flex-shrink, по идее flex-элементы должны сжиматься до размеров самого flexbox'а, но так почему-то не происходит. Объясните, пожалуйста как это работает и что нужно сделать чтобы .item-head имел высоту 26 пикселей, а .item-icon заполнял ровно оставшееся пространство и не вылезал за границы flexbox'а (в данном случае он должен быть 114px в высоту):
https://jsfiddle.net/hp1szhbc/