From 6a739fcfc6ecbdfc5621527856651369e4a58f97 Mon Sep 17 00:00:00 2001
From: RC <rc.chandru@gmail.com>
Date: Tue, 13 Dec 2016 17:02:29 +0530
Subject: [PATCH] fix(): Fix the action button position for card layout

---
 components/styles.js | 8 ++++----
 stories/App.story.js | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/styles.js b/components/styles.js
index a0724cc..dae6001 100644
--- a/components/styles.js
+++ b/components/styles.js
@@ -22,7 +22,6 @@ let style = {
     display: 'table',
     clear: 'both'
   },
-
   event: {
     position: 'relative',
     margin: '10px 0',
@@ -46,8 +45,8 @@ let style = {
   },
   materialIcons: {
     display: 'block',
-    width: 18,
-    height: 18,
+    width: 32,
+    height: 32,
     position: 'relative',
     left: '50%',
     top: '50%',
@@ -83,7 +82,8 @@ let style = {
   },
   actionButtons: {
     float: 'right',
-    textAlign: 'right'
+    textAlign: 'right',
+    marginTop: -20
   },
   card: {
     boxShadow: 'rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px',
diff --git a/stories/App.story.js b/stories/App.story.js
index 3c508ba..bae1a57 100644
--- a/stories/App.story.js
+++ b/stories/App.story.js
@@ -72,6 +72,7 @@ storiesOf('Timeline', module)
                            createdAt="2016-09-12 10:06 PM"
                            icon={<i className="material-icons md-18">event</i>}
                            iconColor="#757575"
+                           buttons={<i className="material-icons md-24" style={{color: '#FFF', marginTop: -5}}>play_circle_filled</i>}
                            container="card">
                 A DIY workshop on using React with Redux to build a Instagram clone
             </TimelineEvent>