diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx index 1076b335..ae6281e8 100644 --- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx +++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/CustomDescription.tsx @@ -36,9 +36,7 @@ const TxDetailsMethodName = styled(Text)` ` const TxDetailsMethodParam = styled.div` text-indent: 8px; -` -const InlineText = styled(Text)` - display: inline-flex; + display: flex; ` const TxDetailsContent = styled.div` padding: 8px 8px 8px 16px; @@ -56,9 +54,9 @@ const TxInfoDetails = ({ data }: { data: DataDecoded }): React.ReactElement => ( {data.parameters.map((param, index) => ( - + {param.name}({param.type}): - + ))} diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx index 9cfc3839..eb989108 100644 --- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx +++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/Value.tsx @@ -14,14 +14,14 @@ import SafeEtherscanLink from 'src/components/EtherscanLink' const useStyles = makeStyles(styles) -const InlineText = styled(Text)` - display: inline-flex; -` - const NestedWrapper = styled.div` text-indent: 24px; ` +const StyledText = styled(Text)` + white-space: normal; +` + interface RenderValueProps { method: string type: string @@ -61,15 +61,15 @@ const GenericValue = ({ method, type, value }: RenderValueProps): React.ReactEle return ( {(value as string[]).map((value, index) => ( - + {value} - + ))} ) } - return {value as string} + return {value as string} } const Value = ({ type, ...props }: RenderValueProps): React.ReactElement => {