fix(card): moved the CSS for ion-note so that a note in a card will get the proper styling

references #353

ionic/components/card/test/advanced/main.html

@@ -60,10 +60,9 @@
         <icon musical-notes></icon>
         Listen
       </button>
-      <button clear item-right danger>
-        <icon share-alt></icon>
-        Go
-      </button>
+      <ion-note item-right>
+        Right Note
+      </ion-note>
     </ion-item>
   </ion-card>
 

ionic/components/card/test/basic/main.html

@@ -21,7 +21,7 @@
 
     <ion-item>
       <icon pin item-left></icon>
-      ion-iteam in a card, icon left, button right
+      ion-item in a card, icon left, button right
       <button outline item-right class="e2eBasicCardViewButton">View</button>
     </ion-item>
 

ionic/components/item/modes/ios.scss

@@ -36,6 +36,10 @@ $item-ios-sliding-transition:         transform 250ms ease-in-out !default;
   color: $item-ios-divider-color;
 }
 
+ion-note {
+  color: $item-ios-note-color;
+}
+
 .list {
 
   .item-group {
@@ -137,10 +141,6 @@ $item-ios-sliding-transition:         transform 250ms ease-in-out !default;
     margin-bottom: 1px;
   }
 
-  ion-note {
-    color: $item-ios-note-color;
-  }
-
   ion-avatar {
     min-width: $item-ios-avatar-size;
     min-height: $item-ios-avatar-size;

ionic/components/item/modes/md.scss

@@ -38,6 +38,10 @@ $item-md-sliding-transition:         transform 250ms ease-in-out !default;
   color: $item-md-divider-color;
 }
 
+ion-note {
+  color: $item-md-note-color;
+}
+
 .list {
   .item-group {
     // Make sure the first and last items don't have borders
@@ -140,10 +144,6 @@ $item-md-sliding-transition:         transform 250ms ease-in-out !default;
     line-height: $item-md-body-text-line-height;
   }
 
-  ion-note {
-    color: $item-md-note-color;
-  }
-
   .item[actions] ion-item-content {
     margin: 4px;
   }