Vertical centering of some elements in the Paragraphs form widget is broken in default Claro theme

Working on it.

Seems I found the right solution to fix this, pushed changes to the MR https://git.drupalcode.org/project/paragraphs/-/merge_requests/182 - now it looks like this:

Please review.

And got one more problem with the drag&drop icon - if in the Paragraphs Field Widget set the "Edit mode = Closed", then - the visible icon jumps down, here is a problem:

We have a CSS that sets the height of the "div.handle" for some reason:

.js .field--widget-paragraphs .tabledrag-handle .handle {
  height: 22px;
  margin-left: 0;
  margin-right: 0;
}

But I checked on the default draggable widget for the String field - and there it has zero size:

So, seems the Paragraph styling for it is redundant. I removed it in the last commit, and it fixes the issue:

Updated the MR

Hi @murz
The paragraph is center alligned now so moving it to RTBC.

Attach a static patch file with those changes, to make it possible to use in composer until 🐛 GitLab Merge Requests Unable to Generate Incremental Patch Files Active is resolved.

Reverting back the status