Ion-col and button position


I am trying to position a ion-button to the right, but all I am getting is the button is right-ish.

I´ve got the following code:

            <ion-row >
                <ion-col center text-center >
                    <button item-start (click)="favorite(thumbs.get(item))">
                        <ion-icon *ngIf="!thumbs.get(item).favorite" name="star-outline"></ion-icon>
                        <ion-icon *ngIf="thumbs.get(item).favorite" name="star"></ion-icon>

                <ion-col center text-center >
                    <button  (click)="presentPopover($event,thumbs.get(item))">
                        <ion-icon name="ellipsis-vertical"></ion-icon>
                        <div>Add to Story</div>


Driving me nuts.

It should work if you place it in a ion-toolbar in ion-buttons with a slot.

So something like:

    <ion-buttons slot="end">

I recomend using rows and cols only if you really want to make something grid like or there’s no other way to do it. Toolbars with ion-buttons are the better solution here I guess :slight_smile:


I was just following the Social Card example. Will give this a shot!