having elements side by side instead of separate lines

Hi,

i have a form like this and i wanted to have username and password side by side

instead of keeping them in separate lines

webix.ui({
view:"form", 
id:"log_form",
width:300,
elements:[
{ view:"text", label:"Email", name:"email"},
{ view:"text", type:"password", label:"Password", name:"password"},
{ margin:5, cols:[
{ view:"button", value:"Login" , css:"webix_primary"},
{ view:"button", value:"Cancel"}
]}
]
});

how can i do this?

You can try this https://snippet.webix.com/9hzm1nlz