How does Form layout exactly work? Ask

Hi all

I have a simple form, that looks as following:

the code:

<VBox>
    <sf:SimpleForm id="PayerSel" editable="true" layout="ResponsiveGridLayout" labelSpanXL="1" labelSpanL="1" labelSpanM="1" labelSpanS="12"
        adjustLabelSpan="false" emptySpanXL="5" emptySpanL="5" emptySpanM="5" emptySpanS="0" columnsXL="1" columnsL="1" columnsM="1"
        singleContainerFullSize="false">
        <sf:content>
            <Label text="Payers"></Label>
            <Input id="payerFrom" placeholder="From" required="true"/>
            <Input id="payerTo" placeholder="Until" required="true"/>
        </sf:content>
    </sf:SimpleForm>
</VBox>

The questions are:

• How to configure that both inputs have same length?
• When I change columnsL="1" to columnsL="4", why the input is getting smaller? I give more space and expect it to be wider, because I give to space.

Thanks