From 96fdf855f0f8ab9b79c7d6dbae7d184007ae05d5 Mon Sep 17 00:00:00 2001
From: Krzysztof Jan Modras <chrmod@chrmod.net>
Date: Wed, 24 Jul 2019 13:06:01 +0200
Subject: [PATCH] search: styles for german translations (#404)

---
 js/lumen-onboarding.js | 20 ++++++++++++++++----
 lumen.js               |  3 +++
 2 files changed, 19 insertions(+), 4 deletions(-)

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 {
         </Animated.Text>
         <TouchableWithoutFeedback disabled={this.state.isClicked} onPress={() => this.onPress(true)}>
           <Animated.View style={[styles.tryNow, animatedStyle]}>
-            <Text style={{ fontWeight: '700', fontSize: 14, lineHeight: 17, color: 'white' }}>{tryNowText}</Text>
+            <Text style={styles.tryNowText}>{tryNowText}</Text>
           </Animated.View>
         </TouchableWithoutFeedback>
         <TouchableWithoutFeedback disabled={this.state.isClicked} onPress={() => 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);