Today I ran into an issue using Ionic, where I was trying to put two icons on the right side of an ion list item. There is really easy to do with the item-icon-right css class. Unfortunately, when you have multiple icons, it overlaps instead
of showing them side by side. I was not expecting this as I had only used 1 icon before and assumed that item-icon-right would just put them side by side.
Here is the code that causes the overlapped icons.
Luckily, there is an easy fix for this using some built-in Ionic css classes. We need to convert the icons into buttons, surround them with a div that has the class “buttons” on it, and change the ion-item class from item-icon-right
Also, to make the buttons still look like icons and not give them a border, we can use the button-icon class.