List item with multiple buttons


#1

Hello,
I found this article on the forum to figure out how to add multiple buttons to a list item. However, when I add two buttons AND an item-note, the second button overlaps the item note text. Here is the code I’m using…

 <ion-list>
            <div class="item item-button-right" ng-repeat="item in items" item="item">
                <div class="buttons">
                    <button class="button">
                        <i class="icon ion-ios7-telephone"></i>
                    </button>
                    <button class="button button-positive">
                        <i class="icon ion-ios7-camera"></i>
                    </button>
                </div>
                <span class="item-note">
                    Grammy
                </span>
            </div>
        </ion-list>

This is what it ends up looking like…

Is this a bug? Or am I missing something here? Thanks in advance!


#2

I found what you were looking for see tutorial here:

    <div class="item item-button-right">
                List item 1  
                <div class="buttons">
                    <button class="button button-positive">
                        <i class="icon icon ion-checkmark"></i>
                    </button>
                    <button class="button button-assertive">
                        <i class="icon icon ion-close"></i>
                    </button>
    </div>
</div>