Make debates look pretty

[julianmichael]

The lobby is looking pretty good to me for the most part, but let's be real... the debates are uggo. Doing better on this will go a LONG way. I struggle with making stuff pretty and nice though. Plz halp.

[julianmichael]

From discussion:

An article with some nicely-styled debates.

Concrete things that come to mind:

• Making the colors more pleasant
• Shaping the speech boxes nicely
• Rearranging things like the speaker identity, timestamp, and other info, e.g. in a way inspired by existing chatroom interfaces, which seem to do pretty well
• Some nicer way of showing the judge's relative probabilities (maybe stacking the bars? Including it somehow in the judge's speech box as well?)

An overall note: I feel like one challenge is making it look nice while retaining compactness — an issue we have had is that sometimes people with smaller screens have very little space left to read the debate.

[sm11197]

Notes:

• I like the blue/orange for debaters in the article - it's color blind friendly
  But I'm not sure whether we should use them in a debate room or for the accuracy gradient (currently red & green, not friendly) for viewing completed debates
• Also wondering if we should remove timing completely from view in the debate rooms, and just have them for analysis
• Stacking vertically doesn't seem good... making it more coherent with the judge's speech does