title: Ionic 4 - how to reduce height of ion-list item
body: <p>I have an ion-list in the header of my side-menu but i am unable to reduce the spacing of the items. You can see in the pic where i am trying to reduce:</p>
  
  <p><a href="https://i.stack.imgur.com/NLC4w.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NLC4w.png" alt="list item spacing"></a></p>
  
  <p>the list code is:</p>
  
  <pre><code>&lt;ion-list class="sidemenu-header-list" inset=true lines="none"&gt;
    &lt;ion-item color="secondary"&gt;
      &lt;h2&gt;{{name}}&lt;/h2&gt;
    &lt;/ion-item&gt;
  
    &lt;ion-item color="secondary" class="ion-no-padding" *ngIf="school"&gt;
      &lt;ion-label style="font-size: 14px" text-wrap innerHTML={{school}}&gt;&lt;/ion-label&gt;
      &lt;ion-icon size="small" name="school" slot="start"&gt;&lt;/ion-icon&gt;
    &lt;/ion-item&gt;
    &lt;ion-item color="secondary" class="ion-no-padding"*ngIf="year"&gt;
      &lt;ion-label style="font-size: 14px" &gt;{{year | translate}}&lt;/ion-label&gt;
      &lt;ion-icon size="small" name="calendar" slot="start"&gt;&lt;/ion-icon&gt;
    &lt;/ion-item&gt;
  
  &lt;/ion-list&gt;
  </code></pre>
  
  <p>I can see a size set on input-wrapper of 48px; which is what is forcing the height of my items; but can't see where i can modify this.</p>