title: How to remove the padding around ion-item?
body: <p>I want to remove <code>padding</code> from my ion-item so that it can occupy the full <code>width</code> of the page.</p>
  
  <p>Please look in the dev tools to see the <code>padding</code> around the ion-item.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-content padding&gt;
    &lt;ion-list&gt;
      &lt;ion-item&gt;
        &lt;ion-thumbnail&gt;
          &lt;img class="imgmg" src="..."&gt;
        &lt;/ion-thumbnail&gt; 
        &lt;h2&gt;Text&lt;/h2&gt;
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The ion-item has a padding of 16px, when I inspect the ion-item and also on the class="scroll-content" there I found scss in the inspector with </p>
  
  <pre><code>ion-app.md [padding] .scroll-content {
      padding: 16px;
  }
  </code></pre>
  
  <p>If I remove this padding then ion-item can occupy the whole width by removing this padding, but When I use this in my scss file the padding is not removed.</p>