diff --git a/js/lumen-onboarding.js b/js/lumen-onboarding.js
index aeae3fddf..466090528 100644
--- a/js/lumen-onboarding.js
+++ b/js/lumen-onboarding.js
@@ -16,10 +16,18 @@ const styles = StyleSheet.create({
tryNow: {
backgroundColor: '#3647D0',
borderRadius: 14,
- alignItems: 'center',
+ display: 'flex',
justifyContent: 'center',
+ alignItems: 'center',
height: 36,
marginTop: 20,
+ width: 'auto',
+ },
+ tryNowText: {
+ fontWeight: '700',
+ fontSize: 14,
+ lineHeight: 17,
+ color: 'white',
},
title: {
letterSpacing: 0.25,
@@ -32,7 +40,11 @@ const styles = StyleSheet.create({
fontSize: 13,
lineHeight: 16,
fontWeight: '500',
- }
+ },
+ text: {
+ textAlign: "center",
+ width: '90%',
+ },
});
export default class Onboarding extends React.Component {
@@ -57,7 +69,7 @@ export default class Onboarding extends React.Component {
});
this.interplateWidth = this.animatedValue.interpolate({
inputRange: [0, 150],
- outputRange: [95, 36]
+ outputRange: [140, 36]
});
}
@@ -98,7 +110,7 @@ export default class Onboarding extends React.Component {
this.onPress(true)}>
- {tryNowText}
+ {tryNowText}
this.onPress(false)}>
diff --git a/lumen.js b/lumen.js
index 00b55e229..0028d8462 100644
--- a/lumen.js
+++ b/lumen.js
@@ -118,6 +118,9 @@ class MobileCards extends React.Component {
}
componentWillUnmount() {
+ if (!this.eventEmitter) {
+ return;
+ }
events.un_sub('mobile-browser:notify-preferences', this.updatePreferences);
events.un_sub('mobile-browser:set-search-engine', this.setSearchEngine);
events.un_sub('search:results', this.updateResults);