Merge pull request #604 from NastiaS/minorFixesBranch

add ellipsis to the account name on operation row

src/components/OperationsList/AccountCell.js

@@ -29,12 +29,22 @@ class AccountCell extends PureComponent<Props> {
         <Box alignItems="center" justifyContent="center" style={{ color: currency.color }}>
           {Icon && <Icon size={16} />}
         </Box>
-        <Box ff="Open Sans|SemiBold" fontSize={3} color="dark">
+        <AccountNameEllipsis>{accountName}</AccountNameEllipsis>
-          {accountName}
-        </Box>
       </Cell>
     )
   }
 }
 
 export default AccountCell
+
+const AccountNameEllipsis = styled(Box).attrs({
+  ff: 'Open Sans|SemiBold',
+  fontSize: 3,
+  color: 'dark',
+  flexShrink: 1,
+})`
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`