[details] Make [part=summary-content] take remaining width of the container

[DiegoCardoso]

[part=summary] is a flexbox div with two children: [part=toggle] and [part=summary-content], both span elements. The slot summary is placed within [part=summary-content].

I, as a user, want to be able to place any element on the slot summary and use the full width available.

Actual behavior

Since there's no style defined for [part=summary-content], it won't expand:

border added to show parent boundaries

Expected behavior

[part=summary-content] should expand and allow its children to use the size relatively to their parent.

border added to show parent boundaries

[jcgueriaud1]

I've added this:

:host [part="summary-content"] {
    flex-grow: 1;
}

To allow the content to grow.