I'm testing out two different contact form layouts. 

On the first, I can't get a space between the email input field and the submit button. 

On the second, the button doesn't extend to the full width. I'd also like this one to stack in one column on mobile, but don't know how to do that within the CF7 builder. 

 I have tried editing the CSS, but I can't find where the padding is coming from.

Thanks Andrew,

I just wanted to let you know that the solution you suggested is not what I'm after. I've made a mockup showing the 2 different options I'd be happy with, with Option 1 being what I described in my previous message.

In either scenario, I would like the fields to stack into one column on mobile, as shown.

Judith, that takes us back to the original problem. If I use the exact code that's shown on the "Contact Form Columns" page, it looks like the screenshot below.

However, if I change the code to this:

<div class="nectar-wpcf7-inline-form"> 
  <div class="nectar-wpcf7-inline-field"> 
     [text* first-name placeholder "First Name"]
  </div>
  <div class="nectar-wpcf7-inline-field"> 
     [text* last-name placeholder "Last Name"]
  </div>
</div>
<div class="nectar-wpcf7-inline-form"> 
  <div class="nectar-wpcf7-inline-field"> 
     [email* your-email placeholder "Email Address"]
  </div>
</div>
  <div class="nectar-wpcf7-inline-field fullwidth"> 
     [submit "Subscribe"]
  </div>

Then it looks like this:

In either case, I don't see any documentation on making that button extend to the fullwidth of the container. Can you help?

I managed to figure out the solve for the button not being separated from the input field by using this code:

<p><br>[submit "Subscribe"]</p>

So, that solves that part of the issue. I'd still love to know how to make the submit button extend fullwidth, but for now, this works. If you end up finding a solution though, I'd love to know it! Thanks Judith and Andrew!