Merge pull request #661 from blockchain/fix/language-ui

Fix/language ui
blockchain · Jun 23, 2018 · 2f8d11d · 2f8d11d
2 parents 064df72 + 810daf2
commit 2f8d11d
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 3 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/components/CopyClipboard/template.js b/packages/blockchain-wallet-v4-frontend/src/components/CopyClipboard/template.js
@@ -30,7 +30,7 @@ const AddressBox = styled.span`
   background-color: ${props => props.theme['gray-1']};
 `
 const CopyButton = styled(Button)`
-  width: 100px;
+  width: 160px;
   min-width: 0;
   height: 100%;
   border-radius: 0;

diff --git a/packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Footer/index.js b/packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Footer/index.js
@@ -6,15 +6,16 @@ import { Link } from 'blockchain-info-components'
 
 const Wrapper = styled.div`
   display: flex;
-  justify-content: space-around;
+  flex-wrap: wrap;
   align-items: center;
+  justify-content: space-around;
 `
 const Circle = styled.div`
   display: block;
   width: 10px;
   height: 10px;
   border-radius: 5px;
-  border: 1px solid ${props => props.theme['gray-2']};
+  background: ${props => props.theme['gray-2']};
 `
 
 const Footer = () => {

diff --git a/.../blockchain-wallet-v4-frontend/src/scenes/SecurityCenter/EmailAddress/template.success.js b/.../blockchain-wallet-v4-frontend/src/scenes/SecurityCenter/EmailAddress/template.success.js
@@ -31,6 +31,10 @@ const EmailButton = styled(Button)`
   width: 100px;
   font-size: 12px;
   min-width: 0px;
+  height: auto;
+  span {
+    white-space: initial;
+  }
   @media (min-width: 320px) and (max-width: 991px) {
     font-size: 14px;
     width: 140px;

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/SecurityCenter/SecuritySteps/template.js b/packages/blockchain-wallet-v4-frontend/src/scenes/SecurityCenter/SecuritySteps/template.js
@@ -52,6 +52,7 @@ const StepText = styled(Text)`
   max-width: 86px;
   margin-left: 5px;
   margin-right: 5px;
+  word-break: break-word;
   color: ${props => props.success ? props.theme['white'] : props.theme['brand-primary']};
 `
 

diff --git a/...ain-wallet-v4-frontend/src/scenes/SecurityCenter/WalletRecoveryPhrase/template.success.js b/...ain-wallet-v4-frontend/src/scenes/SecurityCenter/WalletRecoveryPhrase/template.success.js
@@ -24,6 +24,10 @@ const BackupButton = styled(Button)`
   width: 100px;
   font-size: 12px;
   min-width: 0px;
+  height: auto;
+  span {
+    white-space: initial;
+  }
   @media (min-width: 400px) and (max-width: 991px) {
     font-size: 14px;
     width: 140px;