<p dir="auto">When using the class form-stacked on a form it gets pushed 20 pixels to the left. When this is done it is not possible to put 2 span8's next to each other without breaking the lay-out.</p>
<p dir="auto">A work-a-round is to change form-stacked padding left to 0; Doing this will brake the div.actions because it has a negative left-margin of 20px and padding-left 20px to align with the inputs and labels above when there is no modification made in form-stacked.</p>
<p dir="auto">When you zero out the margin and padding the first button positions to the most left position in the actions div.</p>
<p dir="auto">Is there a better work-a-round to use spans for the divs inside a form with the class of form-stacked?</p>
<p dir="auto">Any text found in a <code class="notranslate">.form-horizontal .controls</code> element is a few pixels above center.  Adding</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=".form-horizontal .controls{ line-height:28px; }"><pre class="notranslate">.<span class="pl-c1">form-horizontal</span> .<span class="pl-c1">controls</span>{ <span class="pl-c1">line-height</span><span class="pl-kos">:</span><span class="pl-c1">28<span class="pl-smi">px</span></span>; }</pre></div>
<p dir="auto">fixes the problem.</p>
<p dir="auto">My apologies if this is a duplicate.  I doubt I'm the first to notice this, but I couldn't find an existing issue.</p>