From fd3987e263f0c7eb316c1d9ea6c8dc472f87cf71 Mon Sep 17 00:00:00 2001
From: Edin Dazdarevic <edin.dazdarevic@gmail.com>
Date: Sun, 24 Sep 2017 21:45:53 +0200
Subject: [PATCH] Progress bar adjust

---
 src/components/LessonItem.js | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/LessonItem.js b/src/components/LessonItem.js
index e1a7210..ee507b0 100644
--- a/src/components/LessonItem.js
+++ b/src/components/LessonItem.js
@@ -25,7 +25,6 @@ export default class LessonItem extends React.Component {
 
   render () {
     const {cards} = this.props
-    const {defaultStyle} = styles;
 
     const onSwiped = (index) => {
       this.setState({
@@ -38,11 +37,9 @@ export default class LessonItem extends React.Component {
       <View style={styles.top}>
         <View style={
           {
-
             marginLeft: 20,
             marginRight: 20,
-            justifyContent: 'center',
-            paddingTop: 30
+            flex: 1
           }
         }>
 
@@ -53,8 +50,10 @@ export default class LessonItem extends React.Component {
           progress={progress} width={null} />
 
       </View>
-      <View>
+      <View style={{justifyContent: "flex-start", backgroundColor: 'green', flex: 15}}>
         <Swiper
+          cardVerticalMargin={0}
+          style={{justifyContent: 'flex-start'}}
           onSwiped={onSwiped}
           backgroundColor='#7270a8'
           cards={cards}
@@ -71,26 +70,21 @@ export default class LessonItem extends React.Component {
 }
 
 const styles = {
-
   top: {
+    paddingTop: 50,
     flexDirection: 'column',
     backgroundColor: '#7270a8',
-    flex: 1
-  },
-  defaultStyle: {
-    flexDirection: 'column',
-    justifyContent: 'center',
-    backgroundColor: '#7270a8',
+    justifyContent: 'flex-start',
     flex: 1
   },
   card: {
-    flex: 1,
+    padding: 30,
     borderRadius: 10,
     borderWidth: 2,
     borderColor: '#E8E8E8',
     justifyContent: 'center',
     backgroundColor: 'white',
-    alignItems: 'center'
+    alignItems: 'center',
   },
   text: {
     margin: 20,