I've created a test form, but need help making it look just right

  • Profile Image
    Tom
    Asked on June 25, 2015 at 02:59 PM

    mobile version does not look well

    -- fields are too small (height wise, they are too short)

    -- too much spacing between the lines/fields

    -- validation message covers up the field label (see screen shot)

  • Profile Image
    Mike
    Answered on June 25, 2015 at 04:18 PM

    -- fields are too small (height wise, they are too short)

    It is possible to switch the form into responsive mode to have 100% width fields on mobile devices.

    -- too much spacing between the lines/fields

    Try adding the next CSS to reduce margins.

    .form-line {

        margin-top : 4px;

        margin-bottom : 4px;

    }

    -- validation message covers up the field label (see screen shot)

    You can try other validation error styling in this case.

    Thank you.