Ionic text align in list


#1
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">&nbsp;</ion-icon>&nbsp;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&nbsp;<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


#2

any help on this one plz?


#3

Please show a screenshot of the problem. I don’t understand your description.