From f32a55f96b2ab83fed930e8ca4076f2ed0370ab2 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Sun, 20 Nov 2016 19:33:44 +0530
Subject: [PATCH] fix: adjust button and card styling

---
 example/src/ButtonExample.js       | 2 +-
 example/src/CardExample.js         | 3 ++-
 src/components/Button.js           | 4 ++--
 src/components/Card/Card.js        | 4 ++--
 src/components/Card/CardActions.js | 1 +
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/example/src/ButtonExample.js b/example/src/ButtonExample.js
index a3e7254..9ec36d0 100644
--- a/example/src/ButtonExample.js
+++ b/example/src/ButtonExample.js
@@ -62,7 +62,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: Colors.grey200,
-    padding: 8,
+    padding: 4,
   },
 
   row: {
diff --git a/example/src/CardExample.js b/example/src/CardExample.js
index a9b239b..9d029eb 100644
--- a/example/src/CardExample.js
+++ b/example/src/CardExample.js
@@ -31,8 +31,8 @@ export default class CardExample extends Component {
             </Paragraph>
           </Card.Content>
           <Card.Actions>
+            <Button primary>Cancel</Button>
             <Button primary>Got it</Button>
-            <Button primary>Scary</Button>
           </Card.Actions>
         </Card>
       </ScrollView>
@@ -44,5 +44,6 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: Colors.grey200,
+    padding: 4,
   },
 });
diff --git a/src/components/Button.js b/src/components/Button.js
index 8cd946f..48cc3cd 100644
--- a/src/components/Button.js
+++ b/src/components/Button.js
@@ -66,7 +66,7 @@ class Button extends PureComponent<void, Props, State> {
   _handlePressIn = () => {
     if (this.props.raised) {
       Animated.timing(this.state.elevation, {
-        toValue: 6,
+        toValue: 8,
         duration: 200,
       }).start();
     }
@@ -192,7 +192,7 @@ class Button extends PureComponent<void, Props, State> {
 
 const styles = StyleSheet.create({
   button: {
-    margin: 8,
+    margin: 4,
     minWidth: 88,
   },
   content: {
diff --git a/src/components/Card/Card.js b/src/components/Card/Card.js
index 76613df..f2348de 100644
--- a/src/components/Card/Card.js
+++ b/src/components/Card/Card.js
@@ -65,7 +65,7 @@ class Card extends Component<DefaultProps, Props, State> {
 
   _handlePressIn = () => {
     Animated.timing(this.state.elevation, {
-      toValue: 6,
+      toValue: 8,
       duration: 200,
     }).start();
   };
@@ -116,7 +116,7 @@ class Card extends Component<DefaultProps, Props, State> {
 const styles = StyleSheet.create({
   card: {
     backgroundColor: white,
-    margin: 8,
+    margin: 4,
   },
   container: {
     flex: 1,
diff --git a/src/components/Card/CardActions.js b/src/components/Card/CardActions.js
index 65b2843..1f2c20e 100644
--- a/src/components/Card/CardActions.js
+++ b/src/components/Card/CardActions.js
@@ -23,6 +23,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'flex-end',
+    padding: 4,
   },
 });