diff --git a/web/cashtab/src/components/Send/Send.js b/web/cashtab/src/components/Send/Send.js --- a/web/cashtab/src/components/Send/Send.js +++ b/web/cashtab/src/components/Send/Send.js @@ -56,6 +56,7 @@ text-align: left; color: ${props => props.theme.forms.text}; padding-left: 1px; + white-space: nowrap; `; const AmountPreviewCtn = styled.div` @@ -74,6 +75,11 @@ margin-bottom: 0; `; +const SendAddressHeader = styled.div` + display: flex; + align-items: center; +`; + // Note jestBCH is only used for unit tests; BCHJS must be mocked for jest const SendBCH = ({ jestBCH, passLoadingStatus }) => { // use balance parameters from wallet.state object and not legacy balances parameter from walletState, if user has migrated wallet @@ -674,9 +680,30 @@ marginTop: '40px', }} > + + {' '} + Send to + + Multiple Recipients:   + { + setIsOneToManyXECSend( + !isOneToManyXECSend, + ); + setIsEncryptedOptionalOpReturnMsg( + false, + ); + }} + style={{ + marginBottom: '7px', + }} + /> + + {!isOneToManyXECSend ? ( - Send to ) : ( <> - Send to - - Multiple Recipients:   - { - setIsOneToManyXECSend( - !isOneToManyXECSend, - ); - setIsEncryptedOptionalOpReturnMsg( - false, - ); - }} - style={{ - marginBottom: '7px', - }} - /> - Message:  
+ +
+ Multiple Recipients:   + +
+
+
@@ -562,13 +593,44 @@ } >
+ +
+ Multiple Recipients:   + +
+
+
@@ -1046,13 +1108,44 @@ } >
+ +
+ Multiple Recipients:   + +
+
+
@@ -1526,13 +1619,44 @@ } >
+ +
+ Multiple Recipients:   + +
+
+
@@ -2000,13 +2124,44 @@ } >
+ +
+ Multiple Recipients:   + +
+
+