Why size of a row increases on adding buttons?

I am adding row dynamically on button click. I have one button in footer (bottom left). On clicking button, I am showing pop up screen and fill my entries. After pressing save button, row is dynamically added.

I tried two ways:

First I did like this

<ion-item ng-repeat="item in items">
    {{item.testcase}}!     
</ion-item>

having smaller size of row and secondly

<ion-item ng-repeat="item in items">
                {{item.testcase}}!
                <button class="button button-clear {{item.close}}" ng-click="addTestCase()" style="float: right;margin-left:1%"></button>
                <button class="button button-clear {{item.edit}}" ng-click="addTestCase()" style="float: right"></button>


</ion-item>

But my row size becomes too large. Can we add icon with same size of row before? In other words, can we add button having icon on row have small size?

DEMO: http://codepen.io/anon/pen/aOzOWZ