Fix headerbar padding

1 files changed, 9 insertions, 3 deletions

diff --git a/app/components/HeaderBarStyles.js b/app/components/HeaderBarStyles.js
index 2a2a0812bd..5e80f4f635 100644
--- a/app/components/HeaderBarStyles.js
+++ b/app/components/HeaderBarStyles.js
@@ -4,7 +4,10 @@ import { Styles } from 'reactxp';
 const styles = {
   headerbar:
   Styles.createViewStyle({
-    padding: 12,
+    paddingTop: 12,
+    paddingBottom: 12,
+    paddingLeft: 12,
+    paddingRight: 12,
     backgroundColor: '#294D73',
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -12,11 +15,14 @@ const styles = {
   }),
   headerbar__hidden:
   Styles.createViewStyle({
-    paddingTop: 0,
+    paddingTop: 24,
     paddingBottom: 0,
     paddingLeft: 0,
     paddingRight: 0,
   }),
+  headerbar__darwin: Styles.createViewStyle({
+    paddingTop: 24,
+  }),
   headerbar__style_defaultDark:
   Styles.createViewStyle({
     backgroundColor: '#192E45',
@@ -60,4 +66,4 @@ const styles = {
   })
 };
 
-module.exports = styles;
\ No newline at end of file
+module.exports = styles;