I have following template where i am trying it align a link to the li
<ion-card>
<ion-card-header><ion-icon name="ios-calendar-outline" style="color:#488AFF"> </ion-icon> Meeting: {{data.account}} ({{data.time}})</ion-card-header>
<ion-card-content>
<p>Agenda: {{data.msg}}</p>
Attendees:
<ul>
<li *ngFor="let attendee of data.attendesList">
{{attendee.name}}
<button ion-button *ngIf="attendee.confirmed == false" clear small icon-left (click)="openAttendeeMenu()" style="color:red">(not confirmed <ion-icon name="close-circle" color="danger">)</ion-icon></button>
</li>
</ul>
</ion-card-content>
</ion-card>
the resultant output shows attendee.name with a button containing icon as i am expecting. however the the button/icon part render away and bit below the the text. i tried icon-top etc. but no use. please advise