Adding repeat-headers e2e to show the header/item border issue

ionic/components/list/test/repeat-headers/index.ts

@@ -0,0 +1,15 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class IonicApp {
+  constructor() {
+    this.people = [
+      {"name": "Adam Bradley", "components": [ "app", "badge", "button", "card"]},
+      {"name": "Max Lynch", "components": [ "checkbox", "content", "form"]},
+      {"name": "Tim Lancina", "components": [ "tabs"]}
+    ];
+  }
+}

ionic/components/list/test/repeat-headers/main.html

@@ -0,0 +1,16 @@
+<ion-toolbar><ion-title>List Headers Borders</ion-title></ion-toolbar>
+
+<ion-content>
+  
+  <ion-list class="outer-content" *ng-for="#person of people">
+    <ion-header>
+      {{person.name}}
+    </ion-header>
+    <ion-item *ng-for="#component of person.components">
+      <span>{{component}}</span>
+      <div item-right>
+        <icon pin></icon>
+      </div>
+    </ion-item>
+  </ion-list>
+</ion-content>