fix(Private Key): wrap BTC key

blockchain · Jun 18, 2018 · 07de509 · 07de509
1 parent 9e82f91
commit 07de509
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/ShowBtcPrivateKey/template.js b/packages/blockchain-wallet-v4-frontend/src/modals/ShowBtcPrivateKey/template.js
@@ -16,10 +16,15 @@ const DetailRow = styled.div`
   display: flex;
   align-items: center;
   flex-direction: row;
+  flex-wrap: wrap;
 `
 const DetailRowText = styled(Text)`
   white-space: nowrap;
 `
+const KeyText = styled(Text)`
+  min-width: 0;
+  word-wrap: break-word;
+`
 
 const FirstStep = () => (
   <div>
@@ -61,7 +66,7 @@ const SecondStep = ({ addr, balance, priv, format, formats, onChangeFormat }) =>
         {':'}&nbsp;
         {utils.bitcoin.formatPrivateKeyString(priv, format, addr).fold(
           error => (<Text size='14px' weight={300} color='error'>{error.message}</Text>),
-          keyString => (<Text size='14px' weight={300}>{keyString}</Text>)
+          keyString => (<KeyText size='14px' weight={300}>{keyString}</KeyText>)
         )}
       </DetailRow>
       <DetailRow>