Side by side buttons on list-inset

I’m having a hard time trying to evenly space two buttons horizontally in a form. The form is under a list-inset:

<div class="list list-inset">  <form name="loginForm" novalidate> ...

I tried placing a grid in the form - but that did not work. So - my question is - what would be the best way to horizontally align items in a list/form?


I was able to get the effect I wanted with the item-input-inset:

                    <div class="item item-input-inset">
                        <button class="button button-small">
                            btn 1
                        <button class="button button-small">
                            btn 2

Thank you for sharing!
It helped me.:slightly_smiling: