Room List filtering visual tweaks

[t3chguy]

Based on #5118
Requires element-hq/element-web#14983
Fixes element-hq/element-web#14466

Build at http://riots.im/adhoc/room-list-filtering1/

[niquewoodhouse]

Overall, looks good. Some minor design comments:

Explore icon and text seem to be different link elements.

Really small thing but it makes them a bit harder to use. If difficult, don't think it's super important at all.

Font-weights

Trying to minimise the amount of font-weights used arbitrarily, unfortunately Figma is behind in this regard. Sorry about that
.mx_RoomList_explorePrompt div:first-child: font-weight 500 600,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_roomListFilterCount: : font-weight 500 600.
Is there a possibility we have a css typography file that includes a class of semi-bold and that can be referred to in design/development?

Margins

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_roomListFilterCount margin-top 14px works better than 16px in practice. I'll make a note to update figma later this week.

Not necessarily relevant to this issue but noting anyway:

• Feels slightly odd that on search, sublists aren't fully expanded. I think there's already an issue for this somewhere already.
• It feels awkward, to me, that the search is above breadcrumbs and especially as search does nothing to breadcrumbs but I understand that's not part of this problem.

[t3chguy]

It feels awkward, to me, that the search is above breadcrumbs and especially as search does nothing to breadcrumbs but I understand that's not part of this problem.

Agreed, that was done during rebranding.

[niquewoodhouse]

lgtm