Adding space between form fields on the same line - what method do YOU use?

[timmse]

Hey @paulchiao ,
Set the field width of the first four fields to something like 49% (or less, if you want a larger gap) and the field alignment to "space-between as already mentioned.

@timmse

Setting the width to something lower than 50% and space-between is one solution.

Or use the custom CSS solution (updated to the new root syntax):

%root% {
  column-gap: 20px;
}

%root% .form-group:nth-child(-n+4) {
  width: calc(50% - 10px);
  max-width: 100%;
}