From 264e092bf85b0272f332bcca7ef55f384e36a8a6 Mon Sep 17 00:00:00 2001
From: Andrew Joslin <andytjoslin@gmail.com>
Date: Tue, 3 Jun 2014 09:13:32 -0600
Subject: [PATCH] demo(collectionRepeat/contacts): use icons instead of kittens

---
 demos/directive/collectionRepeat/contacts/contacts.css | 10 ++++++----
 .../directive/collectionRepeat/contacts/contacts.html  |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/demos/directive/collectionRepeat/contacts/contacts.css b/demos/directive/collectionRepeat/contacts/contacts.css
index 85b876f8bd..08f92e6e4b 100644
--- a/demos/directive/collectionRepeat/contacts/contacts.css
+++ b/demos/directive/collectionRepeat/contacts/contacts.css
@@ -9,12 +9,14 @@ component: collectionRepeat
   top: 5px;
   color: #bbb;
 }
-.list .item.contact-item img {
+.contact-item i.icon {
+  display: inline-block;
   height: 60px;
-  width: 60px;
+  width: 40px;
   float: left;
-  margin-top: 20px;
-  margin-right: 10px;
+  margin-right: 15px;
+  font-size: 30px;
+  text-align: center;
 }
 .list .item.contact-item {
   left: 0;
diff --git a/demos/directive/collectionRepeat/contacts/contacts.html b/demos/directive/collectionRepeat/contacts/contacts.html
index 50f95f82db..6aca849942 100644
--- a/demos/directive/collectionRepeat/contacts/contacts.html
+++ b/demos/directive/collectionRepeat/contacts/contacts.html
@@ -28,7 +28,7 @@ component: collectionRepeat
         collection-item-width="100 + '%'"
         ng-style="{'line-height': getItemHeight(item) + 'px'}"
         ng-class="{'item-divider': item.isLetter}">
-        <img ng-if="!item.isLetter" ng-src="http://placekitten.com/60/{{55 + ($index % 10)}}">
+        <i ng-if="!item.isLetter" class="icon" ng-class="['ion-ios7-person','ion-person','ion-android-contact','ion-android-social-user','ion-person-stalker'][$index % 5]"></i>
         {{item.letter || (item.first_name+' '+item.last_name)}}
       </a>
     </div>