Collapse title doesn't align vertically with button-based extra

[tracyhenry]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

Open the sandbox link. Make the browser panel narrower so you can compare the altitude of the titles and the buttons.

What is expected?

The button extra should be vertically aligned with the collapse title.

What is actually happening?

The button extra is not vertically aligned with the collapse title. The collapse title is higher. This issue should exist with all button types.

Environment	Info
antd	4.11.2
React	16.14.0
System	Mac OS
Browser	Chrome/Safari

[zombieJ]

It's by design. Arrow & Title is always take at the first paragraph line. But I think we may improve this.

ref #28507

[tracyhenry]

It's by design. Arrow & Title is always take at the first paragraph line. But I think we may improve this.

ref #28507

but if an extra is an icon, it's vertically aligned with the title...

[Jeffmagma]

I have the same issue, even if this is by design, is there a way to manually adjust it so that it's aligned at the middle?

[monolithed]

Ran into the same problem

[afc163]

You could try Typograhpy.Link: https://codesandbox.io/s/extra-node-antd-4-11-2-forked-958kh2?file=/index.js