Invite dialog margins are visually inconsistent

[robintown]

Steps to reproduce

Open an invite dialog

Outcome

What did you expect?

The dialog should have a uniform margin on all 4 sides, matching the visual style of all other dialogs in the application.

What happened instead?

The dialog seems as if all 4 sides have a different margin, which looks unusual. Additionally, there seem to be two different margin widths in use on the right side. (The 'invite' button and 'X hours ago' labels are indented further than other elements.)

Operating system

NixOS unstable

Browser information

Firefox 96.0

URL for webapp

develop.element.io

Application version

Element version: 840867b-react-a00d359422a6-js-652b3a9208f0 Olm version: 3.2.8

Homeserver

townsendandsmith.ml

Will you send logs?

No

[robintown]

Reopening as e.g. the margins on the top and left are still different

[luixxiul]

Which margin are you talking about?

The top (above Invite ...) and the left (left of Recently ... and Suggetions)?

[robintown]

Yes, that's correct

[robintown]

See matrix-org/matrix-react-sdk#6111 (comment) for the layout that was being discussed by the designers

[andybalaam]

Hmm, seems like I should have passed the PR to the designers after all, sorry about that.

[luixxiul]

@niquewoodhouse how much padding on the top above the heading is preferred? I checked matrix-org/matrix-react-sdk#6111 (comment) but I cannot really find the instruction about that.