Layout of Repeat Group Form - Add/Delete button

[accunav]

Hi,

With a repeat group shown in a multi-column edit form in a modal window, the record Add/Delete (+/-) buttons 'push' the top right-hand element of each repeated record down, because the 3 columns are the full width of the modal window and there is no width allowed for the buttons. The top of the div for the top right-hand element sits below the div for the buttons, which makes the form look messy:



Is it a simple matter to reduce the width available to the columns so that the top row lines-up, please?

Regards, John

 

[startpoint]

.fabrikGroupRepeater.pull-right.btn-group {
    width: 80px;
    margin-top: 25px;
}
.fabrikSubGroupElements {
    width: calc(100% - 80px);
}

Space before and after '-' in calc is very important.

 

[accunav]

That works very well, Startpoint - most grateful.

For the record, this is how it looks with Startpoint's css in custom_css.php:



Regards, John