How to align spinner with checklist items

  • Profile Image
    Asked on October 21, 2015 at 03:43 PM

    Hi there. I'm attaching the link to the form I'm working on. This is mean to be a basic order form (I couldn't find any templates that matched what I need). I need a spinner box added to each item so that the user can add their own quantity. I'm having difficulty aligning them. I would like some uniformity and presentation. On some of the items, when I try to align the spinner right, it bumps down to the next line. Could you help, please?

  • Profile Image
    Answered on October 21, 2015 at 04:59 PM

    You can add this css  code to your form:

    .form-line.form-line-column.form-col-1 {

        width : 260px;

        margin-left : 158px;



    .form-line.form-line-column.form-col-2 {

        padding-left : 5px;


    Or you can clone the demo form: 

    Let us know if we can assist you further.