fix: FAQ LND node style (#94)

BoltzExchange · Feb 18, 2019 · 93aa538 · 93aa538
1 parent 7d096d9
commit 93aa538
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 17 deletions.
diff --git a/.env b/.env
@@ -4,8 +4,8 @@ SKIP_PREFLIGHT_CHECK=true
 REACT_APP_BOLTZ_API=http://localhost:9001
 
 # LND node URIs
-REACT_APP_BITCOIN_LND=027d947995af79c33de8efcbb9ba02a2a425d40c8e7380bbdd5025c0068fc13d86@testnet.boltz.exchange:9735
-REACT_APP_LITECOIN_LND=022a73335e9511ee093ab0a741ade3244f7fb98bbf18a4cf17bb7a4f217ab58c48@testnet.boltz.exchange:10735
+REACT_APP_BITCOIN_LND=027d947995af79c33de8efcbb9ba02a2a425d40c8e7380bbdd5025c0068fc13d86@35.237.24.136:9735
+REACT_APP_LITECOIN_LND=022a73335e9511ee093ab0a741ade3244f7fb98bbf18a4cf17bb7a4f217ab58c48@35.237.24.136:10735
 
 # Network configurations
 REACT_APP_BITCOIN_NETWORK=bitcoinSimnet

diff --git a/src/components/background/index.js b/src/components/background/index.js
@@ -11,23 +11,24 @@ const styles = theme => ({
     backgroundImage: 'linear-gradient(to bottom, #114357, #f29492)',
   },
   boltzWrapper: {
-    position: 'relative',
-    alignItems: 'center',
-    marginLeft: 'auto',
-    marginRight: 'auto',
     marginTop: '25px',
     marginBottom: '25px',
+    marginLeft: 'auto',
+    marginRight: 'auto',
+    position: 'relative',
+    alignItems: 'center',
   },
   boltz: {
-    verticalAlign: 'bottom',
-    color: theme.colors.white,
+    bottom: 0,
     fontSize: '15px',
-    fontWeight: 'normal',
     fontStyle: 'normal',
-    fontStretch: 'normal',
+    alignSelf: 'center',
     lineHeight: 'normal',
+    fontWeight: 'normal',
+    fontStretch: 'normal',
     letterSpacing: 'normal',
-    alignSelf: 'center',
+    verticalAlign: 'bottom',
+    color: theme.colors.white,
     zIndex: 2,
   },
 });

diff --git a/src/components/nodeinfo/index.js b/src/components/nodeinfo/index.js
@@ -16,9 +16,8 @@ const styles = () => ({
     marginBottom: '0px',
   },
   uri: {
-    width: '90%',
     flexWrap: 'wrap',
-    paddingTop: '80px',
+    fontSize: '15px',
     wordBreak: 'break-all',
   },
   qr: {
@@ -34,10 +33,8 @@ class NodeInfo extends React.Component {
       <View className={classes.node}>
         <h3 className={classes.name}>{name}:</h3>
 
-        <View>
-          <code className={classes.uri}>{uri}</code>
-          <QrCode className={classes.qr} size={200} link={uri} />
-        </View>
+        <QrCode className={classes.qr} size={200} link={uri} />
+        <code className={classes.uri}>{uri}</code>
       </View>
     );
   }