Load More button at the end of "collection-repeat"

1

I am trying to add a button to the end of the “collection-repeat” loop but it since its absolute positioned that button always goes behind the list. I am just not sure how to structure the css/markup

<ion-content ng-controller="ContentCtrl">
  <div class="list">
    <div class="item my-item"
      collection-repeat="item in items"
      collection-item-width="'100%'"
      collection-item-height="getItemHeight(item, $index)"
      ng-style="{height: getItemHeight(item, $index)}">
      {{item}}
    </div>
    <button>Load More</button> // not visible for some reasons
  </div>
</div>
2

Any suggestions / ideas?

3

Move button from list div to content div