title: Edit Padding x-data-item-inner
body: <p>Take a look at the screenshot.</p>
  
  <p><img src="https://i.stack.imgur.com/cE43l.png" alt="enter image description here"></p>
  
  <p>The coal and propane items are in a Ext.dataview.dataview using component for display.</p>
  
  <p>Coal is highlighted in blue and green. Green is the padding of the &lt; div >.</p>
  
  <p>I found in the css (highlighted line) the said &lt; div > and the css classes applied to the element.</p>
  
  <p>I tried overriding those classes this way </p>
  
  <pre><code>.x-inner .x-data-item-inner
  {
      padding: 1px 10px 1px 10px !important;
  };
  </code></pre>
  
  <p>Sadly it did not work.  How would I do that?</p>
  
  <p>Dataview Code </p>
  
  <p><img src="https://i.stack.imgur.com/hyaYY.png" alt="enter image description here"></p>