Update styling of FrameDataCard to reflect list view

TekkenChicken · Jun 7, 2017 · 822eafe · 822eafe
1 parent 988ac5a
commit 822eafe
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -43,8 +43,7 @@ const Styles = StyleSheet.create({
   },
   row: {
     flexDirection:'row',
-    alignItems: 'flex-start',
-    paddingLeft: 3
+    alignItems: 'flex-start'
   },
   rbnorway: {
     textAlign: 'center',