Custom CSS code: Fitting 2 sets of fields in one row

Hi, I need to fit 2 sets of fields, First name and Last name into one row.

Please take a look at the form below in the lines called, Participant 1 and Participant 2, can we fit those 2 into one line?

Thank you.

You can use following CSS code to reduce padding of those fields, so they could fit to one line. Also I've added some code to make fields smaller. 

#id_56 {

  padding-right: 5px;

}

#id_57 {

  padding-left: 5px;

  padding-right: 5px;

}

#first_56, #last_56, #first_57, #last_57 {

  width: 95%;

  margin-right: -10px;

}

How-to-Inject-Custom-CSS-Codes

Let us know if you need more help.