Improved some padding in Menu

This commit is contained in:
Yohan Simard 2020-03-08 14:36:20 +01:00
parent d514d70126
commit ab129764df

View file

@ -99,11 +99,11 @@ export default class SelfMenuScreen extends React.Component<Props> {
getRenderSectionHeader({section}: Object) { getRenderSectionHeader({section}: Object) {
return ( return (
<Card style={{ <Card style={{
width: '90%', width: '95%',
marginLeft: 'auto', marginLeft: 'auto',
marginRight: 'auto', marginRight: 'auto',
marginBottom: 10, marginTop: 5,
marginTop: 20, marginBottom: 5,
elevation: 4, elevation: 4,
}}> }}>
<Card.Title <Card.Title
@ -126,9 +126,11 @@ export default class SelfMenuScreen extends React.Component<Props> {
return ( return (
<Card style={{ <Card style={{
flex: 0, flex: 0,
margin: 10, marginHorizontal: 10,
marginVertical: 5,
}}> }}>
<Card.Title <Card.Title
style={{marginTop: 5}}
title={item.name} title={item.name}
/> />
<View style={{ <View style={{
@ -137,7 +139,7 @@ export default class SelfMenuScreen extends React.Component<Props> {
marginRight: 'auto', marginRight: 'auto',
borderBottomWidth: 1, borderBottomWidth: 1,
borderBottomColor: ThemeManager.getCurrentThemeVariables().primary, borderBottomColor: ThemeManager.getCurrentThemeVariables().primary,
marginTop: 10, marginTop: 5,
marginBottom: 5, marginBottom: 5,
}}/> }}/>
<Card.Content> <Card.Content>