From 822eafe25a12e980ad622b8cac4a84334dd702d5 Mon Sep 17 00:00:00 2001
From: Scott Jones <scottdj92@gmail.com>
Date: Wed, 7 Jun 2017 10:11:27 -0400
Subject: [PATCH] Update styling of FrameDataCard to reflect list view

---
 src/components/DataList/DataList.js         | 4 ++--
 src/components/FrameData/FrameDataCard.js   | 8 ++++----
 src/components/Inputs/Inputs.js             | 4 ++--
 src/containers/CharacterProfile/MoveList.js | 3 +--
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/DataList/DataList.js b/src/components/DataList/DataList.js
index 85c1dba..9110603 100644
--- a/src/components/DataList/DataList.js
+++ b/src/components/DataList/DataList.js
@@ -107,8 +107,8 @@ const styles = StyleSheet.create({
     flex: 1,
     flexWrap: 'wrap',
     flexDirection: 'row',
-    alignItems: 'stretch',
-    justifyContent: 'space-between'
+    alignItems: 'stretch'
+    // justifyContent: 'space-between'
   },
   cell: {
     flex: 1,
diff --git a/src/components/FrameData/FrameDataCard.js b/src/components/FrameData/FrameDataCard.js
index 89c24e2..ad8ad34 100644
--- a/src/components/FrameData/FrameDataCard.js
+++ b/src/components/FrameData/FrameDataCard.js
@@ -90,11 +90,10 @@ export default class FrameDataCard extends React.Component {
 
 const Styles = StyleSheet.create({
   container: {
-    height: 98
+    height: 72
   },
   card: {
-    height: 95,
-    zIndex: -3,
+    height: 70,
   },
   empty: {
     opacity: 0
@@ -115,7 +114,8 @@ const Styles = StyleSheet.create({
     fontWeight: 'bold',
     paddingTop: 10,
     paddingLeft: 15,
-    fontFamily: 'Exo2-Regular'
+    fontFamily: 'Exo2-Regular',
+    fontSize: 16
   },
   cardContainer: {
     flex: 1,
diff --git a/src/components/Inputs/Inputs.js b/src/components/Inputs/Inputs.js
index f93fb5e..01d6a75 100644
--- a/src/components/Inputs/Inputs.js
+++ b/src/components/Inputs/Inputs.js
@@ -52,8 +52,8 @@ const Styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'flex-end',
     paddingRight: 10,
-    paddingTop: 18,
-    paddingBottom: 13
+    paddingTop: 5,
+    paddingBottom: 10
   },
   inputChild: {
     marginLeft: 2,
diff --git a/src/containers/CharacterProfile/MoveList.js b/src/containers/CharacterProfile/MoveList.js
index 9652c2f..6c5e386 100644
--- a/src/containers/CharacterProfile/MoveList.js
+++ b/src/containers/CharacterProfile/MoveList.js
@@ -43,8 +43,7 @@ const Styles = StyleSheet.create({
   },
   row: {
     flexDirection:'row',
-    alignItems: 'flex-start',
-    paddingLeft: 3
+    alignItems: 'flex-start'
   },
   rbnorway: {
     textAlign: 'center',