Seeing that you also have some sort of redundancy when you add a new 'time off' (why do I have to select the type from a drop-down when I have all the types already listed above?), I'd propose a more integrated solution:
At first you have a compact object that still gives you key information at a glance. If you want to look more into detail, you can open and collapse individual Types, and see whats going on in there. AndThe workflow would be as a last possible step,follows:
- At first you have a compact object that still gives you key information at a glance. This easily supports 10 rows or more.
- You can open and collapse individual Type rows, and see whats going on in there. There you have a detailed list of all the important numbers.
- Right in that very same element, you can also enter new holidays.
That way you can enter new holidays right inmake the decision whether to give that holiday or not after looking at the numbers – and then do the booking at the same elementplace.