1) I like the way you grouped contents in the "config" panel. I'd propose to slightly increase the separation of the blocks:

Before

After

/* Before */
.sf-toolbar-block .sf-toolbar-info-group {
    margin-bottom: 4px;
    padding-bottom: 2px;
}

/* After */
.sf-toolbar-block .sf-toolbar-info-group {
    margin-bottom: 6px;
    padding-bottom: 4px;
}

2) I don't like the new "request" panel. In the previous "config" panel, it's OK to separate contents into groups because they have nothing to do with each other. However, in the "request" panel, things are different but still closely related.

Besides, being such a small block, when you separate into groups and un-align contents, reading flow is worsened. Compare these images:

Before

After

And this is the "expected reading flow" of both designs:

I agree with @javiereguiluz here

1. i think the 2 pixels make it more readable, but ... not so important to me
2. i agree with @javiereguiluz

I agree with the alignment that @javiereguiluz mentioned, maybe it's my "OCD", but I prefer it aligned as well.

I've reverted grouping in the request panel.

Ready to merge @symfony/deciders ?

I'm a proponent of semantic css so a class name like sf-toolbar-block-right is wrong to me. And I don't really see the point of exposing a class for a three-liner that any bundle can do itself?

👍

@wouterj Can you rebase so that I can merge this one? Thanks.

@fabpot I've rebased it now, sorry for the delay