Why does .item-icon-right have 54px of padding-right?


#1

Would someone help me understand why ion-item elements are specifying such a huge (54px) right padding when right icons such as chevrons are used?

Seems like a huge waste of space. I would rather have about 24px to allow the list content to be as wide as possible without overlapping the chevron.

Here’s my usage, which I believe is typical:

<ion-list>
    <ion-item class="item-icon-right">
        <div>Whatever my app needs</div>
        <i class="icon ion-chevron-right icon-accessory"></i>
    </ion-item>
</ion-list>

Please correct me if I’m doing anything wrong or weird here, btw. Thank you!