How to position this button on the right side?

Ionic Framework ionic-v3
1

Hey guys;) I hope you can help me with this problem. Since yesterday I’ve been trying to position this green button on the right side. And things like margin don’t work:(

HTML

<ion-header>
  <ion-toolbar color="rank">
    <ion-searchbar (input)="getItems($event)"></ion-searchbar>
  </ion-toolbar>
</ion-header>

<ion-content>

  

<ion-list-header>
    Friends
  </ion-list-header>

<ion-list>
  <ion-item>
    <ion-avatar item-start>
      <img src="img/fri.jpg">
    </ion-avatar>
    <h1>JanePrincess</h1>
    <h3>Iceland, Reykjavik </h3>

 <button ion-button color="rank" round>Add</button>


   
  </ion-item>

   <ion-item>
    <ion-avatar item-start>
      <img src="img/hot.jpg">
    </ion-avatar>
    <h1>Dean</h1>
    <h3>Iceland, Reykjavik </h3>


   
  </ion-item>

   <ion-item>
    <ion-avatar item-start>
      <img src="img/top.jpg">
    </ion-avatar>
    <h1>Wayne</h1>
    <h3>Iceland, Reykjavik </h3>


   
  </ion-item>

   <ion-item>
    <ion-avatar item-start>
      <img src="img/loc.jpg">
    </ion-avatar>
    <h1>Pieii</h1>
    <h3>Iceland, Reykjavik </h3>


   
  </ion-item>

   <ion-item>
    <ion-avatar item-start>
      <img src="img/top.jpg">
    </ion-avatar>
    <h1>Dude</h1>
    <h3>Iceland, Reykjavik </h3>


   
  </ion-item>

   <ion-item>
    <ion-avatar item-start>
      <img src="img/fri.jpg">
    </ion-avatar>
    <h1>de9md</h1>
    <h3>Iceland, Reykjavik </h3>


   
  </ion-item>

</ion-list>

</ion-content>

19

2

try item-end attribute to button
@Ionic_Beginner

1 Like
3

it worked thx a lot:)

1 Like
4

any way if you find the solution then mark answer as solution so other
people can find easily solution related to it

1 Like