fix: add horizontal padding to pay success screen

screen/lnd/lnurlPaySuccess.js

@@ -82,14 +82,12 @@ export default class LnurlPaySuccess extends Component {
 
     return (
       <SafeBlueArea style={styles.root}>
-        <ScrollView>
+        <ScrollView style={styles.container}>
           {justPaid && <SuccessView />}
 
-          <BlueSpacing40 />
-
           <BlueSpacing40 />
           <BlueText style={styles.alignSelfCenter}>{domain}</BlueText>
-          <BlueText style={styles.alignSelfCenter}>{description}</BlueText>
+          <BlueText style={[styles.alignSelfCenter, styles.description]}>{description}</BlueText>
           {image && <Image style={styles.img} source={{ uri: image }} />}
           <BlueSpacing20 />
 
@@ -125,7 +123,7 @@ export default class LnurlPaySuccess extends Component {
                     },
                   });
                 }}
-                title="repeat"
+                title="repeat" // TODO: translate this
                 icon={{ name: 'refresh', type: 'font-awesome', color: '#9aa0aa' }}
               />
             ) : (
@@ -167,6 +165,9 @@ const styles = StyleSheet.create({
   root: {
     padding: 0,
   },
+  container: {
+    paddingHorizontal: 16,
+  },
   successContainer: {
     marginTop: 10,
   },
@@ -177,6 +178,9 @@ const styles = StyleSheet.create({
   successValue: {
     fontWeight: 'bold',
   },
+  description: {
+    marginTop: 20,
+  },
 });
 
 LnurlPaySuccess.navigationOptions = navigationStyle({