From 97a56a5245740502601dc4e57ba1742bcb9ee3fb Mon Sep 17 00:00:00 2001
From: keplyx <keplyx@gmail.com>
Date: Sun, 8 Mar 2020 00:22:46 +0100
Subject: [PATCH] Improved RU menu section headers

---
 screens/SelfMenuScreen.js | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/screens/SelfMenuScreen.js b/screens/SelfMenuScreen.js
index 4e15f8b..690a1cd 100644
--- 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>
         );
     }