diff --git a/src/component/field.js b/src/component/field.js
index 963ce9091..5a6d0aa56 100644
--- a/src/component/field.js
+++ b/src/component/field.js
@@ -69,22 +69,24 @@ const namedStyles = StyleSheet.create({
color: color.blackText,
fontSize: font.sizeM,
lineHeight: font.lineHeightM + 2 * 12,
- marginRight: 10,
+ marginRight: 15,
},
text: {
flex: 1,
textAlign: 'right',
- fontFamily: 'OpenSans Light',
fontSize: font.sizeM,
lineHeight: font.lineHeightM + 2 * 12,
color: color.blackText,
+ opacity: 0.5,
},
});
export const NamedField = ({ name, children, style }) => (
{name}
- {children}
+
+ {children}
+
);
diff --git a/src/view/pay-lightning-confirm.js b/src/view/pay-lightning-confirm.js
index b219eebab..51764c6f6 100644
--- a/src/view/pay-lightning-confirm.js
+++ b/src/view/pay-lightning-confirm.js
@@ -9,7 +9,7 @@ import { Header, Title } from '../component/header';
import { CancelButton, BackButton, PillButton } from '../component/button';
import Card from '../component/card';
import Icon from '../component/icon';
-import { FormStretcher, FormText } from '../component/form';
+import { FormStretcher } from '../component/form';
import {
BalanceLabel,
BalanceLabelNumeral,
@@ -34,6 +34,10 @@ const styles = StyleSheet.create({
totalLbl: {
marginTop: 5,
},
+ note: {
+ marginTop: 5,
+ borderBottomWidth: 0,
+ },
confirmBtn: {
marginTop: 20,
},
@@ -50,9 +54,6 @@ const PayLightningConfirmView = ({ store, nav, payment }) => (
-
- You are about to send a Bitcoin payment over the Lightning Network.
-
@@ -68,6 +69,11 @@ const PayLightningConfirmView = ({ store, nav, payment }) => (
{store.paymentTotalLabel} {store.unit}
+ {store.payment.note ? (
+
+ {store.payment.note}
+
+ ) : null}
({
status: 'complete',
date: new Date(),
}));
+store.payment.note = '#craefulgang';
store.selectedTransaction = (store.computedTransactions || []).find(
tx => tx.type === 'bitcoin'
);