From 3aefce179ea965197617439c0226badda914f503 Mon Sep 17 00:00:00 2001
From: mhartington <mikehartington@gmail.com>
Date: Tue, 9 Jan 2018 17:05:42 -0500
Subject: [PATCH] chore(demos): make conf app look closer

---
 .../components/item-divider/item-divider.scss |  1 +
 .../angular/src/app/app.component.html        |  6 ++--
 .../angular/src/pages/schedule/schedule.html  | 29 ++++++++++---------
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/core/src/components/item-divider/item-divider.scss b/packages/core/src/components/item-divider/item-divider.scss
index 0675cd7ffb..bb31a445ac 100644
--- a/packages/core/src/components/item-divider/item-divider.scss
+++ b/packages/core/src/components/item-divider/item-divider.scss
@@ -21,6 +21,7 @@ ion-item-divider {
 }
 
 ion-item-divider[sticky] {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
 }
diff --git a/packages/demos/conference-app/angular/src/app/app.component.html b/packages/demos/conference-app/angular/src/app/app.component.html
index 1dab24bab2..e57a4a45bc 100644
--- a/packages/demos/conference-app/angular/src/app/app.component.html
+++ b/packages/demos/conference-app/angular/src/app/app.component.html
@@ -3,7 +3,7 @@
 
     <ion-menu>
         <ion-header>
-          <ion-toolbar color="secondary">
+          <ion-toolbar color="primary">
             <ion-title>Menu</ion-title>
           </ion-toolbar>
         </ion-header>
@@ -13,7 +13,7 @@
               Navigate
             </ion-list-header>
             <ion-item (click)="openPage(p)" *ngFor="let p of appPages">
-              <ion-icon slot="icon-only" [name]="p.icon" [color]="isActive(p)"></ion-icon>
+              <ion-icon slot="start" [name]="p.icon" [color]="isActive(p)"></ion-icon>
               <ion-label>
                 {{p.title}}
               </ion-label>
@@ -26,4 +26,4 @@
 
   </ion-split-pane>
 
-</ion-app>
\ No newline at end of file
+</ion-app>
diff --git a/packages/demos/conference-app/angular/src/pages/schedule/schedule.html b/packages/demos/conference-app/angular/src/pages/schedule/schedule.html
index 46c97c0df3..278f2a1fc3 100644
--- a/packages/demos/conference-app/angular/src/pages/schedule/schedule.html
+++ b/packages/demos/conference-app/angular/src/pages/schedule/schedule.html
@@ -1,14 +1,13 @@
 <ion-page>
   <ion-header>
-    <ion-toolbar>
+    <ion-toolbar color="primary">
       <ion-buttons slot="start">
         <ion-button menuToggle>
           <ion-icon slot="icon-only" name="menu"></ion-icon>
         </ion-button>
       </ion-buttons>
 
-
-      <ion-segment [(ngModel)]="segment" (ionChange)="updateSchedule()" ngDefaultControl>
+      <ion-segment [(ngModel)]="segment" (ionChange)="updateSchedule()" ngDefaultControl color="light">
         <ion-segment-button value="all">
           All
         </ion-segment-button>
@@ -24,8 +23,8 @@
       </ion-buttons>
     </ion-toolbar>
 
-    <ion-toolbar no-border-top>
-      <ion-searchbar color="primary"
+    <ion-toolbar no-border-top color="primary">
+      <ion-searchbar
                       [(ngModel)]="queryText"
                       (ionInput)="updateSchedule()"
                       placeholder="Search" ngDefaultControl>
@@ -34,7 +33,7 @@
   </ion-header>
   <ion-content>
     <ion-list #scheduleList [hidden]="shownSessions === 0">
-        <div *ngFor="let group of groups" [hidden]="group.hide"> <!-- TODO should be ion-item-wrapper or whatever its called -->
+        <ion-item-group *ngFor="let group of groups" [hidden]="group.hide">
           <ion-item-divider sticky>
             <ion-label>
               {{group.time}}
@@ -43,12 +42,14 @@
           <ion-item-sliding *ngFor="let session of group.sessions" #slidingItem [attr.track]="session.tracks[0] | lowercase" [hidden]="session.hide">
 
             <ion-item (click)="goToSessionDetail(session)">
-              <h3>{{session.name}}</h3>
-              <p>
-                {{session.timeStart}} &mdash;
-                {{session.timeEnd}}:
-                {{session.location}}
-              </p>
+              <ion-label>
+                <h3>{{session.name}}</h3>
+                <p>
+                  {{session.timeStart}} &mdash;
+                  {{session.timeEnd}}:
+                  {{session.location}}
+                </p>
+              </ion-label>
             </ion-item>
             <ion-item-options>
               <ion-item-option color="favorite" (click)="addFavorite(slidingItem, session)" *ngIf="segment === 'all'">
@@ -59,7 +60,7 @@
               </ion-item-option>
             </ion-item-options>
           </ion-item-sliding>
-        </div>
+        </ion-item-group>
     </ion-list>
   </ion-content>
-</ion-page>
\ No newline at end of file
+</ion-page>