I'm no CSS expert, but I see a couple of issues. First, on my screen the radio button circles are getting cut off on the left. You can modify .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] with padding-left:2px; and that fixes it.
<li> that hold the radio button questions are pushing that Next button down. If you shorten the width of containing
<ul> a bit and float the second
<li> left instead of right, that will move the Next button up on the same line.
You'll also have to deal with the form box shortening when the Next button moves up. You might have to set a height for the box to deal with it.
I hope this is helpful.
Posted 8 years ago on Sunday June 30, 2013 | Permalink