Improved RU menu section headers

2020-03-08 00:22:46 +01:00 · 2020-03-08 00:22:46 +01:00 · 97a56a5245
commit 97a56a5245
parent 198fca639e
1 changed files with 21 additions and 1 deletions
--- a/screens/SelfMenuScreen.js
+++ b/screens/SelfMenuScreen.js
@ -95,7 +95,27 @@ export default class SelfMenuScreen extends React.Component<Props> {

    getRenderSectionHeader({section}: Object) {
        return (
-            <Title>{section.title}</Title>
+            <Card style={{
+                width: '90%',
+                marginLeft: 'auto',
+                marginRight: 'auto',
+                marginBottom: 10,
+                marginTop: 20,
+                elevation: 4,
+            }}>
+                <Card.Title
+                    title={section.title}
+                    titleStyle={{
+                        textAlign: 'center'
+                    }}
+                    subtitleStyle={{
+                        textAlign: 'center'
+                    }}
+                    style={{
+                        paddingLeft: 0,
+                    }}
+                />
+            </Card>
        );
    }