chat: no s3, no blank space
fixes urbit/landscape#892
@@ -178,7 +178,14 @@ export class ChatInput extends Component<ChatInputProps, ChatInputState> {
changeEvent={this.eventHandler}
placeholder='Message...'
/>
- <Box mx='12px' flexShrink={0} height='16px' width='16px' flexBasis='16px'>
+ <Box
+ mx='12px'
+ mr={this.props.canUpload ? '12px' : 3}
+ flexShrink={0}
+ height='16px'
+ width='16px'
+ flexBasis='16px'
+ >
<Icon
icon='Dojo'
cursor='pointer'
@@ -186,9 +193,16 @@ export class ChatInput extends Component<ChatInputProps, ChatInputState> {
color={state.inCodeMode ? 'blue' : 'black'}
/>
</Box>
- <Box ml='12px' mr={3} flexShrink={0} height='16px' width='16px' flexBasis='16px'>
{this.props.canUpload ? (
- this.props.uploading ? (
+ <Box
+ ml='12px'
+ mr={3}
+ flexShrink={0}
+ height='16px'
+ width='16px'
+ flexBasis='16px'
+ >
+ {this.props.uploading ? (
<LoadingSpinner />
) : (
<Icon
@@ -200,9 +214,9 @@ export class ChatInput extends Component<ChatInputProps, ChatInputState> {
this.props.promptUpload().then(this.uploadSuccess)
}
/>
- )
- ) : null}
+ )}
</Box>
+ ) : null}
{MOBILE_BROWSER_REGEX.test(navigator.userAgent) ?
<Box
ml={2}
