docs(demos): update buttons demo

demos/component-docs/actionSheet/actionSheet.ts

@@ -7,6 +7,7 @@ export class ActionSheetPage {
 
   constructor(actionSheet: ActionSheet, platform: IonicPlatform) {
     this.actionSheet = actionSheet;
+    console.log('actionSheet', actionSheet);
     this.platform = platform;
   }
 
@@ -58,8 +59,9 @@ export class ActionSheetPage {
       }
 
     }).then(actionSheetRef => {
+      console.log(actionSheetRef);
       this.actionSheetRef = actionSheetRef;
     });
   }
 
-}
+}

demos/component-docs/app.css

@@ -121,4 +121,17 @@ scroll-content {
 }
 .demo-card button {
   font-size: 1.3rem;
-}
+}
+ion-card ion-card-content.buttons-in-components {
+  background-color: #F4F5F8;
+}
+ion-card ion-card-content.buttons-in-components img {
+  width: auto;
+  height: 44px;
+  display: block;
+  margin: 20px auto;
+}
+
+ion-card.buttons-in-components {
+  margin-bottom: 2em;
+}

demos/component-docs/buttons/components.html

@@ -16,13 +16,20 @@
 </ion-navbar>
 
 <ion-content padding class="has-header components-demo">
-  
-  <div id="mock-card">
-    <img src="card-wireframe.png" id="card-wireframe">
-    <button clear id="demo-card-left">Like</button>
-    <button clear id="demo-card-right">Comment</button>
-  </div>
 
+
+  <ion-card class="buttons-in-components">
+    <ion-card-content class="buttons-in-components">
+      <img src="img/img-icon.png" />
+    </ion-card-content>
+
+    <ion-item actions>
+      <button clear item-left>Like</button>
+      <button clear item-right>Comment</button>
+    </ion-item>
+
+  </ion-card>
+  
   <ion-list>
 
     <ion-item>