Reduce horizontal spacing between Single Choice buttons

My intent is to reduce the spacing b/t selections without using id-specific css, since I will have 90 instances of this throughout my form.

I made a screenCast of what happens when I try to do this in the designer.  First, the formatting seems to overcompensate dramatically.  Secondly, returning the setting to default does not return the button formatting to default...so, I did not save it, to prevent permanent corruption.

ScreenCast:  http://screencast-o-matic.com/watch/cblolg27Vj 

I appreciate your help.

You can use do that with a CSS class command.

Copy the code below and Inject it into your form.

@media (min-width: 481px) {

    .form-multiple-column .form-radio-item,

    .form-multiple-column .form-checkbox-item {

        width: 75px !important;

    }

}

Great idea.

It doesn't seem to be generating an effect on my form. 

I made sure both sets of brackets were there.

It seems like it had the desired effect on my end.

Make sure you refresh the page using Ctrl + F5 (because of the browser cache) or try opening it in Private Mode (Incognito).

Yes, I like what you have.  I tried both CTRL + F5 and Incognito mode.  Here it is on my end:

I notice that you are viewing the fields in the build/edit mode. As I check the form in the preview mode, the options are displaying normally. Please see the screenshot below:

https://form.jotform.com/73305400184143

Please check again and let us know if you need any further assistance. We will be happy to assist. 

Yes, that's good now.  Thank you.