fix(): Fix the action button position for card layout

rcdexta · Dec 13, 2016 · 6a739fc · 6a739fc
1 parent 5bc49dc
commit 6a739fc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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>