title: Flex 4.6 spark FormItem inner gap (padding) cannot be removed?
body: <p>Working with Flex 4.6 spark forms, i encountered strange behaviour:</p>
  
  <p>FormItem element ALWAYS has inner gap (padding), which cannot be removed.</p>
  
  <p>Red area on image ilustrates the <strong>unwanted GAP</strong> that i cannot manage to get rid of.
  Blue border represents <code>Form</code> component. Grey border (thin) represents <code>FormItem</code> component.</p>
  
  <p><img src="https://i.stack.imgur.com/XpVCz.png" alt="enter image description here"></p>
  
  <p>FormItem has no <code>padding</code> or <code>gap</code> property. </p>
  
  <p>This is the code for image above:</p>
  
  <pre><code>    &lt;s:Form id="form"&gt;
          &lt;s:layout&gt;
              &lt;s:FormLayout gap="0"
                            paddingBottom="50"
                            paddingTop="0"/&gt;
          &lt;/s:layout&gt;
          &lt;s:FormItem width="100%" label="RC"&gt;
              &lt;s:TextInput id="myTextInput" width="215"/&gt;
          &lt;/s:FormItem&gt;
      &lt;/s:Form&gt;
  </code></pre>
  
  <p>When developing for mobile, you want to make best use of every pixel on your screen. This is unacceptable for me since i want to have several <code>TextInput</code> fields and having this gap will waste lots of space...</p>
  
  <p>So my question is, can the red GAP be removed? I want my <code>FormItem</code> to have <code>padding 0</code> - meaning <code>TextInput</code> border will touch <code>FormItem</code> border... </p>