list/item/button/card css overhaul

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

@@ -18,17 +18,15 @@
 
 <ion-card>
 
-  <div class="item">
-    <icon name="ion-location"></icon>
-    <ion-item-content>
-      All Out Card
-    </ion-item-content>
-    <button outline>View</button>
-  </div>
+  <ion-item>
+    <icon name="ion-location" item-left></icon>
+    ion-iteam in a card, icon left, button right
+    <button outline item-right>View</button>
+  </ion-item>
 
   <ion-card-content>
-    This is a multiline content within a card that should
-    take up multiple lines and stuff.
+    This is content, without any paragraph or header tags,
+    within an ion-card-content element.
   </ion-card-content>
 
 </ion-card>
@@ -36,8 +34,28 @@
 
 <ion-card>
 
-  <ion-card-content>
-    Card, no header
-  </ion-card-content>
+  <a ion-item href="#">
+    <icon name="ion-ionic" item-left></icon>
+    Card Link Item 1
+    <icon forward item-right></icon>
+  </a>
+
+  <a ion-item href="#">
+    <icon name="ion-ionic" item-left></icon>
+    Card Link Item 2
+    <icon forward item-right></icon>
+  </a>
+
+  <button ion-item>
+    <icon name="ion-ionic" item-left></icon>
+    Card Button Item 1
+    <icon forward item-right></icon>
+  </button>
+
+  <button ion-item>
+    <icon name="ion-ionic" item-left></icon>
+    Card Button Item 2
+    <icon forward item-right></icon>
+  </button>
 
 </ion-card>