This was originally laid out at the MatrixChat level which could then be
CSSified, but Matthew suggests this looks a lot better being at the
RoomList level above recents. Move the rendering logic to RoomList.
* sans-serif font
* use display: table for the message list so that everything lines up nicely
* switch to flexbox layout rather than position absolutes to avoid assuming a full screen UI and improve maintainability (and better match atomify)
* neutralise the colouring and styling of highlighted rooms in the recents list
* switch from ul + li's to a series of divs in some places where the li's are achieving nothing but adding more complexity to the DOM
* add mx_MessageTileType as a generic css base class for all message tiles
