Make calendar more readable and clean

[jachoo]

Make calendar more readable and clean

Actual calendar view is not very useful if it's full of reservations (see: screenshot below)

It's difficult to distinguish between days and GPUs. Names of reservations are not shown. Colors are meaningless.

Calendar does not fit vertically in the browser window, but fits horizontally. It should be the opposite - I'd like to see whole day on one screen, but I'm not interested in seeing whole week. The simplest solution would be to allow calendar to expand horizontally and add horizontal scrollbar. Reservation bars should have set min-width attribute set to allow showing their names.

Expected

Calendar should fit vertically in browser window if possible.

Days should have horizontal margins and/or better visible borders.

Colors should mean something, e.g. reservation's owner, like in #297

Actual

OMG!

Your environment

• TensorHive v0.3.3 API v0.3

[jachoo]

IMO the best way of achieving better user experience of reservation calendar is to completely abandon default calendar widget, and just improve TH own "calendar": make it clickable, show reservation names/users and fix its bugs (scroll synchronization, widget size etc.)