refactor(item): changed notes from a class to an element

Closes #251

ionic/components/item/item.ts

@@ -14,9 +14,9 @@ import {dom} from 'ionic/util';
  * <ion-list>
  *   <ion-item *ng-for="#item of items" (click)="itemTapped($event, item)">
  *     {{item.title}}
- *     <div class="item-note" item-right>
+ *     <ion-note item-right>
  *       {{item.note}}
- *     </div>
+ *     </ion-note>
  *   </ion-item>
  * </ion-list>
  *  ```

ionic/components/item/modes/ios.scss

@@ -134,7 +134,7 @@ $item-ios-divider-padding:            5px 15px !default;
     margin-bottom: 1px;
   }
 
-  .item-note {
+  ion-note {
     color: $item-ios-note-color;
   }
 

ionic/components/item/modes/md.scss

@@ -137,7 +137,7 @@ $item-md-divider-padding:            5px 15px !default;
     line-height: $item-md-body-text-line-height;
   }
 
-  .item-note {
+  ion-note {
     color: $item-md-note-color;
   }
 

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

@@ -16,17 +16,17 @@
     <ion-item>
       <icon heart item-left></icon>
       Affection
-      <div class="item-note" item-right>
+      <ion-note item-right>
         Very Little
-      </div>
+      </ion-note>
     </ion-item>
 
     <ion-item>
       <icon home item-left></icon>
       Home
-      <div class="item-note" item-right>
+      <ion-note item-right>
         Where the heart is
-      </div>
+      </ion-note>
     </ion-item>
 
   </ion-list>
@@ -46,9 +46,9 @@
     <ion-item>
       <icon star item-left></icon>
       Star status
-      <div class="item-note" item-right>
+      <ion-note item-right>
         Super
-      </div>
+      </ion-note>
     </ion-item>
 
   </ion-list>
@@ -63,25 +63,25 @@
     <ion-item>
       <icon pizza item-left></icon>
       Pizza
-      <div class="item-note" item-right>
+      <ion-note item-right>
         Always
-      </div>
+      </ion-note>
     </ion-item>
 
     <ion-item>
       <icon beer item-left></icon>
       Beer
-      <div class="item-note" item-right>
+      <ion-note item-right>
         Yes Plz
-      </div>
+      </ion-note>
     </ion-item>
 
     <ion-item>
       <icon wine item-left></icon>
       Wine
-      <div class="item-note" item-right>
+      <ion-note item-right>
         All the time
-      </div>
+      </ion-note>
     </ion-item>
 
   </ion-list>