Buttons in list item overflows when using item-button-right

I have three buttons in each list item, I want to display them next to each other on the right hand side, but if I add "item item-button-right" the items moves right but overflows with each other and then it looks like one button. I have tried <ul></ul> but then the buttons are beneath the item text.

html
         <ion-list>
                    <ion-item class="item item-button-right">
                        Make and Model:
                        <ul>
                        <button class="button button-positive">
                            <i class="icon ion-checkmark-round"></i>
                        </button>
                        <button class="button button-positive">
                            <i class="icon ion-close-round"></i>
                        </button>
                        <button class="button button-positive">
                            <i class="icon ion-ios-camera"></i>
                        </button>
                        </ul>
                    </ion-item>
                    <ion-item class="item-positive" href="#/app/checklist">
                         Next
                    </ion-item>
        </ion-list>

Thanks in advance.