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


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-height="getItemHeight(item, $index)"
      ng-style="{height: getItemHeight(item, $index)}">
    <button>Load More</button> // not visible for some reasons


Any suggestions / ideas?


Move button from list div to content div