diff --git a/app/components/file_upload_preview/file_upload_preview.js b/app/components/file_upload_preview/file_upload_preview.js index 85d6ebc93..267bd3dff 100644 --- a/app/components/file_upload_preview/file_upload_preview.js +++ b/app/components/file_upload_preview/file_upload_preview.js @@ -57,12 +57,11 @@ export default class FileUploadPreview extends PureComponent { style={style.removeButtonWrapper} onPress={() => this.props.actions.handleRemoveFile(file.clientId, this.props.channelId, this.props.rootId)} > - @@ -104,27 +103,34 @@ const style = StyleSheet.create({ width: 115, elevation: 10, shadowColor: '#000', - shadowOpacity: 1, - shadowRadius: 8, + shadowOpacity: 0.5, + shadowRadius: 4, shadowOffset: { width: 0, height: 0 } }, + removeButtonIcon: Platform.select({ + ios: { + marginTop: 2 + }, + android: { + marginLeft: 1 + } + }), removeButtonWrapper: { alignItems: 'center', justifyContent: 'center', position: 'absolute', + overflow: 'hidden', top: 7, right: 7, - width: 20, - height: 20, - borderRadius: 10, - ...Platform.select({ - android: { - backgroundColor: '#000' - } - }) + width: 24, + height: 24, + borderRadius: 12, + backgroundColor: '#000', + borderWidth: 1, + borderColor: '#fff' }, scrollView: { flex: 1, @@ -132,6 +138,6 @@ const style = StyleSheet.create({ }, scrollViewContent: { alignItems: 'flex-end', - marginLeft: 16 + marginLeft: 14 } });