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);