fix: line overflows

near · May 6, 2022 · 42a234a · 42a234a
1 parent ab84735
commit 42a234a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/packages/frontend/src/components/navigation/ConnectLedger.js b/packages/frontend/src/components/navigation/ConnectLedger.js
@@ -21,7 +21,8 @@ const ConnectLedgerButton = styled.div`
     align-items: center;
     padding: 12px 16px;
     cursor: pointer;
-
+    white-space: nowrap;
+    
     svg {
         width: 16px;
         height: 16px;

diff --git a/packages/frontend/src/components/navigation/NavLinks.js b/packages/frontend/src/components/navigation/NavLinks.js
@@ -4,10 +4,10 @@ import { NavLink } from 'react-router-dom';
 import styled from 'styled-components';
 
 import { CREATE_USN_CONTRACT, USN_BUTTON } from '../../../../../features';
-import { IS_MAINNET } from '../../config'
+import { IS_MAINNET } from '../../config';
+import USN_LOGO from '../../images/USN-logo.png';
 import { Mixpanel } from '../../mixpanel/index';
 import HelpIcon from '../svg/HelpIcon';
-import USN_LOGO from '../../images/USN-logo.png'
 import SwapIconTwoArrows from '../svg/SwapIconTwoArrows';
 import UserIcon from '../svg/UserIcon';
 import VaultIcon from '../svg/VaultIcon';
@@ -70,6 +70,7 @@ const Container = styled.div`
         background: #D6EDFF;
         font-weight: 600;
         color: black;
+        white-space: nowrap;
 
         :hover {
             background: #0072CE;
@@ -146,14 +147,15 @@ const NavLinks = () => (
             }
             target='_blank' 
             className="usn-button"
-            onClick={() => Mixpanel.track('Click Buy USN')}
+            onClick={() => Mixpanel.track('Click Buy USN')} rel="noreferrer"
             >
             <div>
                 <img src={USN_LOGO} alt='open-link'></img>
             </div>
 
-       <>Buy $USN</>
-    </a>}
+                <>Buy $USN</>
+            </a>
+     }
     </Container>
 );