Fix membership logout button

Also improve menu icons

src/Dusken.js

@@ -29,10 +29,6 @@ const tabBarOptions = {
         activeTintColor: '#f58220',
         inactiveTintColor: '#333333',
         showIcon: true,
-        iconStyle: {
-            width: 20,
-            height: 20,
-        },
         labelStyle: {
             fontSize: 10,
             marginBottom: 0,

src/modules/membership/Membership.js

@@ -81,7 +81,8 @@ const styles = StyleSheet.create({
         lineHeight: 25,
     },
     header: {
-        fontSize: 20,
+        fontSize: 16,
+        fontWeight: 'bold',
         color: '#000',
         lineHeight: 25,
         paddingLeft: 2

src/modules/membership/MembershipProof.js

@@ -161,15 +161,9 @@ export default class MembershipProof extends Component {
                         {this.purchaseButton()}
                         {this.membershipValidTo()}
                     </Card>
-                    <Card>
-                        <CardItem>
-                            <Body>
-                                <Button onPress={this.props.onLogoutPress} style={styles.logoutButton} small>
-                                    <Text>Logg ut</Text>
-                                </Button>
-                            </Body>
-                        </CardItem>
-                    </Card>
+                    <Button onPress={this.props.onLogoutPress} style={styles.logoutButton} small>
+                        <Text>Logg ut</Text>
+                    </Button>
                 </Content>
             </View>
         )
@@ -234,6 +228,7 @@ const styles = StyleSheet.create({
         marginTop: 16,
     },
     logoutButton: {
-        marginVertical: 8,
+        alignSelf: 'center',
+        marginVertical: 20,
     },
 });

src/screens/AboutScreen.js

@@ -15,7 +15,7 @@ export default class AboutScreen extends Component {
         },
         headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="info" size={16} color={tintColor} style={{marginTop: 3}} />
+            <Icon name="info" size={16} color={tintColor} style={{marginTop: 5}} />
         ),
     };
 

src/screens/EventListScreen.js

@@ -15,7 +15,7 @@ export default class EventsScreen extends Component {
         },
         headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="event" size={16} color={tintColor} style={{marginTop: 3}}/>
+            <Icon name="event" size={16} color={tintColor} style={{marginTop: 5}}/>
         ),
     };
 

src/screens/MembershipScreen.js

@@ -15,7 +15,7 @@ export default class MembershipScreen extends Component {
         },
         headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="user" size={16} color={tintColor} style={{marginTop: 3}} />
+            <Icon name="user" size={16} color={tintColor} style={{marginTop: 5}} />
         ),
     };