feat(card): added list example to card and modified padding and margin for it

references #387

ionic/components/card/modes/ios.scss

@@ -40,6 +40,14 @@ ion-card {
   border-radius: $card-ios-border-radius;
   overflow: hidden;
 
+  .list {
+    margin-bottom: 0;
+
+    ion-item-content {
+      padding: 0;
+    }
+  }
+
   .item {
     padding-right: ($card-ios-padding-right / 2);
     padding-left: ($card-ios-padding-left / 2);

ionic/components/card/modes/md.scss

@@ -43,6 +43,14 @@ ion-card {
   border-radius: $card-md-border-radius;
   overflow: hidden;
 
+  .list {
+    margin-bottom: 0;
+
+    ion-item-content {
+      padding: 0;
+    }
+  }
+
   .item {
     padding-right: ($card-md-padding-right / 2);
     padding-left: ($card-md-padding-left / 2);

ionic/components/card/test/list/index.ts

@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}

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

@@ -0,0 +1,40 @@
+
+<ion-toolbar><ion-title>List Cards</ion-title></ion-toolbar>
+
+<ion-content class="outer-content">
+
+  <ion-card>
+
+    <ion-list>
+
+      <ion-header>
+        List Header
+      </ion-header>
+
+      <ion-switch>
+        <icon wifi item-left></icon>
+        Wifi
+      </ion-switch>
+
+      <ion-item>
+        <icon heart item-left></icon>
+        Affection
+        <ion-note item-right>
+          Very Little
+        </ion-note>
+      </ion-item>
+
+      <ion-item>
+        <icon home item-left></icon>
+        Home
+        <ion-note item-right>
+          Where the heart is
+        </ion-note>
+      </ion-item>
+
+    </ion-list>
+
+  </ion-card>
+
+
+</ion-content>