Я пытаюсь убрать расстояние между предметами. Как вы можете видеть, список занимает журнал пространства по вертикали, и мне нужно, чтобы текст был ближе друг к другу, но я хочу сохранить строки.
Я пробовал кучу разных вещей css (установив поля / отступы в 0 и уменьшите максимальную высоту), но он всегда обрезает строку и текст, а не просто удаляет пробел между.


<ion-card>
<ion-card-header>
<ion-card-subtitle>
Tichumaster
</ion-card-subtitle>
<ion-card-title>
<ion-icon class="iconSize" name="aperture"></ion-icon>
</ion-card-title>
<ion-card-content>
<ion-list>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
<ion-item>
<ion-label>Du</ion-label>
<ion-note slot="end" color="tertiary">10%</ion-note>
</ion-item>
</ion-list>
</ion-card-content>
</ion-card-header>
</ion-card>