From 11d0090dd6c4dede3b8ca69229cf7835a8216f36 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Fri, 16 Oct 2015 11:18:20 -0500
Subject: [PATCH] docs(demos): update buttons demo

---
 .../component-docs/actionSheet/actionSheet.ts |   4 +++-
 demos/component-docs/app.css                  |  15 +++++++++++++-
 demos/component-docs/buttons/components.html  |  19 ++++++++++++------
 demos/component-docs/img/img-icon.png         | Bin 0 -> 1639 bytes
 4 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 demos/component-docs/img/img-icon.png

diff --git a/demos/component-docs/actionSheet/actionSheet.ts b/demos/component-docs/actionSheet/actionSheet.ts
index be3b284c63..168bacd14b 100644
--- a/demos/component-docs/actionSheet/actionSheet.ts
+++ b/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;
     });
   }
 
-}
\ No newline at end of file
+}
diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index c8da5ed377..63c5b7f941 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -121,4 +121,17 @@ scroll-content {
 }
 .demo-card button {
   font-size: 1.3rem;
-}
\ No newline at end of file
+}
+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;
+}
diff --git a/demos/component-docs/buttons/components.html b/demos/component-docs/buttons/components.html
index 07ff414076..ba7d12673b 100644
--- a/demos/component-docs/buttons/components.html
+++ b/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>
diff --git a/demos/component-docs/img/img-icon.png b/demos/component-docs/img/img-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d645d313a5b0b42e9752410d0d8d1d6bd0a07bb0
GIT binary patch
literal 1639
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

literal 0
HcmV?d00001