Detail and action buttons within an inline-entity-form renders with extra BG colour, and is offset from the rest
Set up form display with a details fieldgroup at the end
The offending CSS is in inline_entity_form.css
.ief-form > .form-wrapper > .form-wrapper:last-of-type {
background: var(--gin-bg-layer2);
padding: 0 var(--gin-spacing-m);
margin: 0 calc(var(--gin-spacing-m) * -1);
}
If I exclude these rules in my browser console the problem goes away. There's no code comment to describe why this is here, so maybe it should just go away.
Needs review
3.0
Code
I did some Git sleuthing. This code was added 4yrs ago when IEF support was originally added. There's no ticket referenced in the commit
https://git.drupalcode.org/project/gin/-/commit/ee156d8cf5b300ac0da811e2...