By default, the custom fields in the Identity Management register screen are listed in one column, underneath each other.
For example like this:
If you'd like to change this view and show the custom fields in two columns next to each other, you will need to apply CSS to the Piano ID layout template under the tab CSS.
Here is a sample code you can use:
.custom-fields{
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-field{
width: 48%;
margin: 15px 0px;
}
This will change the appearance of your custom fields as follows:
Alternatively, you can also use the property justify-content: space-around; instead of justify-content: space-between; for a different look and feel.