Demo using bootstrap in team page

[vmcj]

Discussed with @nickygerritsen, a small demo on this idea. I think this looks a bit better and without it taking up valuable space.

I duplicated the old and the new stuff to show the difference, I think we can create more space by moving the request clarification button to the header. Not sure if we want to bring back the old color scheme? Next step would be to take away the clarification lists padding (and see if we have the same layout in the jury interface).

[eldering]

I think the old one (bottom with blue headers) looks cleaner actually. Is there a technical reason to change this, or just to have the standard bootstrap layout?

[nickygerritsen]

I do like the blue, but maybe we can use the cards but then with a blue header? I would also like to see us use the default bootstrap table styles, just to see how it looks.

I'm not sure yet what's better, but I do think the bootstrap style is more consistent.

[vmcj]

There is no technical reason, it was mostly to see if we can get more consistent between the pages.

I tried with the blue in the header and moving the button for clarification requests:

I centered only one to show the difference, I think centered is better though.

[eldering]

I centered only one to show the difference, I think centered is better though.

I don't have a strong preference on centering, although if the request clarification button goes on the right side in the header, then I think the title should be left-aligned.

I think the blue header is a bit better, especially because there's less clutter from the margins around the tables. I also think that the table titles in the original are a bit clearer because of the font (including size/thickness).