From b413d90f013a725d0f09301bef5b127806470e6d Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 10 Oct 2018 16:33:39 +0200
Subject: [PATCH] Fix overflow problems on big texts in Open safe's review view

---
 .../open/components/ReviewInformation/index.jsx  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/routes/open/components/ReviewInformation/index.jsx b/src/routes/open/components/ReviewInformation/index.jsx
index 97c7b20f..19ad940a 100644
--- a/src/routes/open/components/ReviewInformation/index.jsx
+++ b/src/routes/open/components/ReviewInformation/index.jsx
@@ -38,10 +38,18 @@ const styles = () => ({
   owners: {
     padding: lg,
   },
+  name: {
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+  },
   owner: {
     padding: md,
     alignItems: 'center',
   },
+  user: {
+    justifyContent: 'left',
+  },
   open: {
     paddingLeft: sm,
     width: 'auto',
@@ -79,7 +87,7 @@ const ReviewComponent = ({ values, classes, network }: Props) => {
               <Paragraph size="sm" color="disabled" noMargin>
                 Name of new Safe
               </Paragraph>
-              <Paragraph size="lg" color="primary" noMargin weight="bolder">
+              <Paragraph size="lg" color="primary" noMargin weight="bolder" className={classes.name}>
                 {values[FIELD_NAME]}
               </Paragraph>
             </Block>
@@ -107,9 +115,9 @@ const ReviewComponent = ({ values, classes, network }: Props) => {
                   <Identicon address={addresses[index]} diameter={32} />
                 </Col>
                 <Col xs={11}>
-                  <Block>
-                    <Paragraph size="lg" noMargin>{name}</Paragraph>
-                    <Block align="center">
+                  <Block className={classes.name}>
+                    <Paragraph size="lg" noMargin >{name}</Paragraph>
+                    <Block align="center" className={classes.user}>
                       <Paragraph size="md" color="disabled" noMargin>{addresses[index]}</Paragraph>
                       <OpenInNew
                         className={classes.open}