How to move hightline on thumbnail list?


Hi guys,
Can you tell me how i can do it like iOS?
see in screenshort


Working example:

List element now looks like this:

    <a ng-repeat="item in items" 
       class="item item-thumbnail-left">

      <img ng-src="{{ item.image }}">
      <h2>{{ item.album }}</h2>
      <h4>{{ item.artist }}</h4>
      <span class="filler"></span> 

And this is additional CSS:


.item {
    border-color: #fff !important; /* Match border color to background */
    display: flex !important;
    flex-flow: column;  

.filler {
    width: 100%;
    overflow: auto;
    flex-grow: 2;
    margin-bottom: -8px;
    border-bottom: 1px solid #ddd;


Thank you!
Im test on browse it work fine, but on iOS simulate is blank filler. How i can fix it?