Various state event alignment regressions in right panel timeline

[jryans]

Steps to reproduce

1. Start a new room so the "created and configured" grouped line is accessible for testing
2. Send a few ungrouped state events, such as adding widgets
3. Maximise a widget so that the right panel timeline is displayed

Outcome

What did you expect?

State event summaries should be aligned with the rest of timeline and use reasonable padding, as they have in previous versions.

What happened instead?

Release branch screenshot:

• "Created and configured" grouped line fails to override padding because of class name change in Consolidate RedactionGrouper and HiddenEventGrouper into MELS matrix-org/matrix-react-sdk#7739
• Ungrouped widget events fail to override padding because !important was used in Fix edge case around event list summary layout matrix-org/matrix-react-sdk#7891

Regressed by matrix-org/matrix-react-sdk#7739
Regressed by matrix-org/matrix-react-sdk#7891

Operating system

macOS

Browser information

Firefox 99

URL for webapp

Local server

Application version

React SDK branch release-v3.41.0 (43d3f6c)

Homeserver

matrix.org

Will you send logs?

No

[dbkr]

Does this affect current staging? Looks like one issue does but one doesn't?

[jryans]

@dbkr Well, it "doesn't" affect staging, but that's only because it requires the last commit on the release branch which hasn't been deployed to staging. The release branch is affected.

[jryans]

Both regressing PRs are new in this release I believe:

• matrix-org/matrix-react-sdk@714136d
• matrix-org/matrix-react-sdk@43d3f6c