Spacing of shrunken fields is off

On page 2 of the following form, the field for Superintendent Fax doesn't line up vertically with the field above it. It almost looks indented.

https://www.jotform.com/build/72623944726968 

This happens again on the same page, after the red divider for Principal Fax.

Again on page 3 with the Percentage of Students on Free and Reduced Lunches field.

How can I get them to line up?

When shrinking fields, it's important to move shrank fields to a new line if they are supposed to be rendered on a new line. Going by your form's current layout, I'm assuming you aim to have a 2 column form.

To fix this alignment issue, you have to move the both Address Fields (System and School Address) on Page 2 to a new line:

Related guide: Form-Field-Positioning 

After moving these fields to a new line, inject the following CSS codes to your Form Builder:

.form-line-column.form-col-3 {

  padding-left: 18px;

  padding-right: 36px;

}

Related guide: How-to-Inject-Custom-CSS-Codes 

Result: https://www.jotform.com/72651267060958 

The CSS should also take care of the Percentage of Students on Free and Reduced Lunches field.

I placed the CSS and moved those fields to new lines, but nothing changed. If I go into the Advanced CSS, then it looks the way it should. However, when I go back to the builder, the fields are still out of alignment.
Alyssa L. Godfrey
CLAS Director of Commuications & Technology
P.O. Box 428 | Montgomery, AL 36101
(800) 239-3616 | (334) 265-3610 | (334) 265-3611 fax
alyssa@clasleaders.org
www.clasleaders.org
...

The alignment does look correct in my colleagues copy of the form:

https://www.jotform.com/72651267060958

If that is the correct formatting, you can clone that copy to your account:

https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

If any fields specifically are still formatted incorrectly, let us know which ones and we will help adjusting those.